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>: タブの幅です。正の数でなければなりません。

形式文法

<integer> | <length>

例

pre {
  tab-size: 4; /* スペース 4 つ分となります */
}

pre {
  tab-size: 0; /* インデント除去 */
}

pre {
  tab-size: 2; /* タブの幅をスペース 2 個分に設定 */
}

仕様書

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

ブラウザーの対応

Update compatibility data on GitHub

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
`tab-size` 実験的	Chrome 完全対応 21 補足完全対応 21 補足補足 This property is not yet animatable.	Edge 未対応なし	Firefox 完全対応 4 接頭辞付き補足完全対応 4 接頭辞付き補足接頭辞付き -moz- のベンダー接頭辞が必要補足 See bug 737785 for the status of unprefixing this property. 補足 Before Firefox 53, this property was not animatable.	IE 未対応なし	Opera 完全対応 15 完全対応 15 完全対応 10.5 接頭辞付き接頭辞付き -o- のベンダー接頭辞が必要	Safari 完全対応 6.1	WebView Android 完全対応 4.4	Chrome Android 完全対応 25 補足完全対応 25 補足補足 This property is not yet animatable.	Firefox Android 完全対応 4 接頭辞付き補足完全対応 4 接頭辞付き補足接頭辞付き -moz- のベンダー接頭辞が必要補足 See bug 737785 for the status of unprefixing this property. 補足 Before Firefox 53, this property was not animatable.	Opera Android 完全対応 14 完全対応 14 完全対応 11 接頭辞付き接頭辞付き -o- のベンダー接頭辞が必要	Safari iOS 完全対応 7.1	Samsung Internet Android ?
`<length>` 実験的	Chrome 完全対応 42	Edge 未対応なし	Firefox 完全対応 53	IE 未対応なし	Opera 完全対応 29	Safari 未対応なし	WebView Android 完全対応 56	Chrome Android 完全対応 42	Firefox Android 完全対応 53	Opera Android 完全対応 29	Safari iOS 未対応なし	Samsung Internet Android ?

凡例

完全対応: 完全対応
未対応: 未対応
実装状況不明: 実装状況不明
実験的。動作が変更される可能性があります。: 実験的。動作が変更される可能性があります。
実装ノートを参照してください。: 実装ノートを参照してください。
使用するには、ベンダー接頭辞または異なる名前が必要です。: 使用するには、ベンダー接頭辞または異なる名前が必要です。

tab-size

構文

値

形式文法

例

仕様書

ブラウザーの対応

凡例

関連情報

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

MDN アンケート

tab-size

構文

値

形式文法

例

仕様書

ブラウザーの対応

凡例

関連情報

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

最高のウェブ開発を学びましょう

ありがとうございます！ 購読確認用の新着メールを探してください。

ありがとうございます！購読確認用の新着メールを探してください。