tab-size タブ幅を指定する

スポンサーリンク

タブ幅を指定する場合は、「tab-size」を使用します。

指定する値は「整数値」で、初期値は「8」です。

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

使用例


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

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

サンプル

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

役立ちツール

CSS 基本事項

CSS セレクタ

CSS テキスト・フォント

CSS 色・画像・背景

CSS ボックス

トランジション

リスト

テーブル

CSS レイアウト

CSS その他

用語

関連サイト