tab-size …… タブ文字を表示する際のサイズを指定する



広告
tab-sizeプロパティは、タブ文字を表示する際のサイズを指定する際に使用します。
tab-sizeプロパティの値には、数値や長さを指定します。
数値で指定すると半角スペース文字の倍数となります。
初期値は8です。
tab-sizeプロパティに、負の値を指定することはできません。
■値
- 数値
- 半角スペース文字の倍数を指定(初期値は8)
- 長さ
- 数値にpx、ptなどの単位をつけて長さを指定
■初期値・適用対象・値の継承
- 初期値
- 8
- 適用対象
- ブロックコンテナ
- 値の継承
- する
■使用例
スタイルシート部分は外部ファイル(sample.css)に記述。
pre.sample { background-color:#99cc00; }
HTML + CSSソース
<h5>tab-sizeプロパティの指定なし(初期値は8)</h5> <pre class="sample"> かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ</pre> <h5>tab-size:4;を指定</h5> <pre class="sample" style="tab-size:4;"> かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ</pre> <h5>tab-size:10;を指定</h5> <pre class="sample" style="tab-size:10;"> かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ</pre> <h5>tab-size:100px;を指定</h5> <pre class="sample" style="tab-size:100px;"> かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ</pre>
↓↓↓
ブラウザ上の表示
tab-sizeプロパティの指定なし(初期値は8)
かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ
tab-size:4;を指定
かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ
tab-size:10;を指定
かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ
tab-size:100px;を指定
かえるぴょこぴょこみぴょこぴょこ あわせてぴょこぴょこむぴょこぴょこ
広告