CSS3 Pre-Reference



white-space-collapsing

空白類のまとめ方

試す







コード

#containe {
    white-space-collapsing: collapse;
    -moz-white-space-collapsing: collapse;
    -webkit-white-space-collapsing: collapse;
}

サンプル

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
まだ

パラメータ

collapse | discard | [ [preserve | preserve-breaks] && trim-inner ]
初期値 collapse
適用 すべての要素
継承 する
レベル 3
%の解釈 -
適用メディア Vidual
参考文献 CSS Text Level 3#4.1. White Space Collapsing: the ‘white-space-collapsing’ property

解説

空白類の扱いを指定します。

HTMLでは、空白類を2個入れたい際などに、全角スペースを入れたり を混ぜ込んだりと様々な小細工をする必要がありました。CSS3では、この問題を解決するための新たなプロパティを提供します。

collapse
従来の値です。連続する空白類を1文字のスペースに変換します。(一部のケースでは、スペースすら無くなります)
preserve
連続する空白類をまとめずそのまま扱います。改行コードについてもそのまま改行します。
preserve-breaks
連続する空白類を1文字のスペースに変換しますが、改行コードについてはそのまま改行します。
discard
すべての空白類を取り除きます。
trim-inner
最初と最後に余分な空白類がある場合、それらを取り除きます。

トラックバック

投稿されたコメント