CSS3 Pre-Reference



word-wrap

単語内の改行位置の制約

試す



コード

#containe {
    word-wrap: normal;
    -ms-word-wrap: normal;
}

サンプル

Lorem ipsum dolor sit amet, consecteturadipisicingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteursintoccaecatcupidatatnonproidentsuntinculpaquiofficiadeseruntmollitanimidestlaborum.

コメントする


対応ブラウザ

Firefox
3.5~
Chrome/Safari
2.0~
Opera
10.5~
InternetExplorer
5~(変則)

パラメータ

normal | break-word
初期値 normal
適用 すべての要素
継承 する
レベル 3
%の解釈 -
適用メディア Vidual
参考文献 CSS Text Level 3#6.2. Emergency Wrapping: the ‘word-wrap’ property

解説

非CJKの単語内の改行の扱いを指定します。

このプロパティは"text-wrap"が"normal"か"suppress"の時にのみ作用します。

normal
非CJKの各言語に応じた改行可能箇所を設定します。
break-word
分割不可の単語内でも改行可能にします。

トラックバック

投稿されたコメント