これは実験段階の機能です。
この機能は複数のブラウザーで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザーの将来のバージョンで変更になる可能性があることに注意してください。

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

初期値8
適用対象ブロックコンテナ
継承継承する
メディアvisual
計算値指定された整数値または絶対的な長さ
Animation typelength
正規順序形式文法で定義される一意のあいまいでない順序

構文

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

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

/* グローバル値 */
tab-size: inherit;
tab-size: initial;
tab-size: unset;

<integer>
タブのスペース数 (負数は指定不可)
<length>
タブの幅 (負数は指定不可)

形式的構文

<integer> | <length>

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

仕様

仕様書 策定状況 コメント
CSS Text Module Level 3
tab-size の定義
草案 初期定義

ブラウザー実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 21[1] 未サポート 4.0 (2.0)-moz[2] 未サポート 10.60-o
15[1]
6.1
<length> 42 未サポート 53.0 (53.0)[3] 未サポート 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mini Opera Mobile Safari Mobile
基本サポート 4.4 4.0 (2.0)[2] ? 5-o 11.5-o
24
7.1
<length> ? 53.0 (53.0)[3] ? ? ? ?

[1] プロパティのアニメーションは未対応の実装です。

[2] 現在、この機能は -moz 接頭辞を付加しています。バグ 737785 で接頭辞を廃止する予定です。プロパティのアニメーションは未対応の実装です。バグ 1308110 をご覧ください。

[3] バグ 943918 で実装しました。また、tab-size のアニメーションが可能になりました。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: yyss, Sebastianz, ethertank
最終更新者: yyss,