CSS: tab-size タブ幅を指定する

CSSでタブ幅を指定する場合は、 「tab-size」を使用します。
指定する値は「整数値」で、初期値は「8」です。

プログラムのコードを表示する場合等、 初期値のままだと「8」となって見にくいので 「4」や「2」などの値を設定すると見やすくなります。

tab-size 使用例


tab-size: 8;  /* 初期値 */
tab-size: 4;
tab-size: 2;  

-moz-tab-size: 4;  /* FireFox用 */

tab-size サンプル

text-indentにいろいろな値を設定して、表示してみます。
初期値の「8」よりも変更した方が見やすくなるのがわかると思います。

FireFox用に「-moz-tab-size」も指定します。

tab-size: 8; (初期値)

.sample1 {
	tab-size: 8;
	-moz-tab-size: 8;
}

tab-size: 4;

.sample2 {
	tab-size: 4;
	-moz-tab-size: 4;
}

tab-size: 2;

.sample3 {
	tab-size: 2;
	-moz-tab-size: 2;
}
HTML・CSS入門