word-break
解説
W3Cで審議中のものを IE が独自に採用したもの。表示範囲に合わせて改行するか、単語の切れ目で改行するか等、文の改行の仕方について指定します。対してword-wrapプロパティは文の改行というより長い英単語を途中で改行させたくない場合に使用します。
normal | 英語等は単語の途中で改行せず、単語の切れ目で改行される。日本語等は表示範囲に合わせて改行される |
---|---|
break-all | 言語に関係なく表示範囲に合わせて改行される |
keep-all | 言語に関係なく単語の途中で改行せず、単語の切れ目で改行させる |
プロパティ情報
値: | normal ,break-all ,keep-all のいずれか |
---|---|
初期値: | 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:300px; background-color:#666666; word-break: normal;} p.sample2 {width:300px; background-color:#666666; word-break: break-all;} p.sample3 {width:300px; background-color:#666666; word-break: keep-all;}
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> <p class="sample3"> 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
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
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