このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

text-space-collapse”プロパティ:ホワイトスペースの処理CSS3で追加

記事Nov. 29th,2020
要素の中のホワイトスペースの処理方法を指定する
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 text-space-collapse: collapse;
適用対象 すべての要素
継承 Yes
パーセント値 パーセント値は指定できません
計算値 指定したキーワード
アニメーション 離散

text-space-collapse”プロパティはホワイトスペースの処理方法を指定します。

サンプルコード

p { text-space-collapse: preserve-breaks;}

説明
collapse ホワイトスペースはまとめられ、1個の半角スペースに置き換えられるか除去されます
preserve ホワイトスペースはそのまま残されます
preserve-breaks ホワイトスペースはまとめられますが、セグメント・ブレイク強制ライン・ブレイクとして残されます
preserve-spaces ホワイトスペースはまとめられず、セグメント・ブレイクとタブ文字は半角スペースに置き換えられます
discard ホワイトスペースはすべて除去されます
共通キーワード

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告候補(CR) 作業草稿(WD)
text-space-collapse
定義なし

定義なし

定義なし

定義あり
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告候補(CR) 作業草稿(WD)
collapse
定義なし

定義なし

定義なし

定義あり
preserve
定義なし

定義なし

定義なし

定義あり
preserve-breaks
定義なし

定義なし

定義なし

定義あり
preserve-spaces
定義なし

定義なし

定義なし

定義あり
discard
定義なし

定義なし

定義なし

定義あり

ホワイトスペースをまとめる

p {
text-space-collapse: collapse;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

p {
text-space-collapse: preserve-breaks;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

p {
text-space-collapse: discard;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

ホワイトスペースを残す

p {
text-space-collapse: preserve;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

p {
text-space-collapse: preserve-spaces;
}

ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク