tab-size

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSS の tab-size プロパティは、タブ文字 (U+0009) の表示幅の指定に用います。

/* <integer> 値 */
tab-size: 4;
tab-size: 0;

/* <length> 値 */
tab-size: 10px;
tab-size: 2em;

/* グローバル値 */
tab-size: inherit;
tab-size: initial;
tab-size: unset;
初期値8
適用対象ブロックコンテナー
継承あり
計算値指定された整数値または絶対的な長さ
アニメーションの種類length

構文

<integer>
タブの空白文字の文字数です。正の数でなければなりません。
<length>
タブの幅です。正の数でなければなりません。

形式文法

pre {
  tab-size: 4; /* スペース 4 つ分となります */
}
pre {
  tab-size: 0; /* インデント除去 */
}
pre {
  tab-size: 2; /* タブの幅をスペース 2 個分に設定 */
}

仕様書

仕様書 状態 備考
CSS Text Module Level 3
tab-size の定義
草案 初回定義

ブラウザーの対応

BCD tables only load in the browser

関連情報