CSS3 Pre-Reference



text-wrap

テキストの折り返し

試す





コード

#containe {
    text-wrap: normal;
    -moz-text-wrap: normal;
    -webkit-text-wrap: normal;
}

サンプル

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

normal | unrestricted | none | suppress
初期値 normal
レベル 1-
%の解釈 -
適用メディア Vidual
参考文献 CSS Text Level 3#6.1. Text Wrap Settings: the ‘text-wrap’ property

解説

テキストの折り返し方法を指定します。CSS3で"white-space"から細分化されました。

normal
可能な場所で改行されます。改行可能位置は[UAX14]の WJ, ZW, そしてGL改行クラスに従います。
none
改行しません。都合に応じてボックスからはみ出します。
unrestricted
改行は2つの書記素クラスタの間でのみ可能です。改行の抑制には影響ありませんが、ハイフネーションは行われません。字詰めは、改行前後で改行していないかのように行われます。
suppress
改行は抑制されます。行内に妥当な改行箇所がない場合、語の構成要素内(語の間ではない)で改行します。改行する場合、改行の制約は"normal"に従います。

トラックバック

投稿されたコメント