word-wrap

解説

IE が独自に追加した仕様。表示範囲内に収まりきらない単語がある場合に、単語の途中で改行するかどうかを指定します。ただし、日本語の単語の途中で改行させたくない場合は、word-breakプロパティを使用します。

normal	単語の途中で改行しない（必要に応じて表示範囲を拡大）
break-word	必要に応じて単語の途中で改行する

プロパティ情報

値：	`normal`,`break-word`のいずれか
初期値：	normal
適用対象：	ブロック要素
継承：	する
パーセンテージ：	不可
適用メディア：	視覚
レベル：	MSIE5～

参照

text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

p.sample1 {width:200px; background-color:#666666; word-wrap: normal;}
p.sample2 {width:200px; background-color:#666666; word-wrap: break-word;}

HTMLの記述方法

<p class="sample1">
www.7key.jpはリンクフリーです。www.7key.jpに掲載している情報は、www.7key.jpがその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。
Very thanks for your visit.This Home Page is best viewed with IE 6.x or above.
This Home Page is used JavaScript and Frames.Please feel free to navigate the entire Site through the Left Menu
</p>
<p class="sample2">
www.7key.jpはリンクフリーです。www.7key.jpに掲載している情報は、www.7key.jpがその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。
Very thanks for your visit.This Home Page is best viewed with IE 6.x or above.
This Home Page is used JavaScript and Frames.Please feel free to navigate the entire Site through the Left Menu
</p>

表示結果

www.7key.jpはリンクフリーです。www.7key.jpに掲載している情報は、www.7key.jpがその内容を必ずしも保証するものではありません。情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。 Very thanks for your visit.This Home Page is best viewed with IE 6.x or above. This Home Page is used JavaScript and Frames.Please feel free to navigate the entire Site through the Left Menu