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;
}