MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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

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 の定義
草案 初期定義

ブラウザー実装状況

機能 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,