単語の途中の改行の処理を指定する
CSSの書き方
word-break:値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
文章中の単語の改行の処理を指定するスタイルシートです。単語が文章の途中で改行されてしまうと、読みにくくなってしまうことがありますが、これを回避することができます。「word-break」プロパティに対する値は3種類です。
不安定なプロパティ
「word-break」プロパティで設定できる値によっては、英数字と漢字などの改行の仕方が異なったり、「word-break」プロパティの内容が優先されて、要素の幅が自動的に伸張するといった現象が見られるため、使用頻度の低いプロパティです。具体的な挙動は以下の通りです。
|
※引用元:藤本 壱、スタイルシート ポケットリファレンス、技術評論社、P139、2005
IEのみ対応
InternetExplorer独自の仕様ですので、他のブラウザでは対応していません。なお、この「word-break」プロパティはCSSレベル3の「word-break-cjk」プロパティとほぼ同じ仕様だそうです。
CSS/HTMLサンプル
p { width:400px; word-break:keep-all; }
段落要素に対し単語の改行処理を指定 サンプル
