CSS tab-size 属性

定義と使用方法

tab-size属性はタブの幅を指定します。

HTMLでは、タブは通常単一のスペースとして表示されますが、<textarea>や<pre>などの特定の要素を除き、tab-size属性の結果はそれらの要素に対してのみ表示されます。

例

タブの幅を16スペースに設定します：

pre {-moz-tab-size: 16;} /* Firefox */
pre {tab-size: 16;}

実際に試してみてください

CSS 文法

tab-size: number|length|initial|inherit;

属性値

値 説明
number 各タブに表示されるスペース文字の数。デフォルト値は 8 です。
length タブの長さ。主要なブラウザでは、この属性値はサポートされていません。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性は親要素から継承されます。参照してください inherit。

技術的詳細

デフォルト値： 8
継承： はい
アニメーション作成： サポートしていません。参照してください：アニメーション関連属性。
バージョン： CSS3
JavaScript 文法： object.style.tabSize="16"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

数字に-moz-や-o-が含まれている場合、それがプレフィックスを使用する最初のバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
21.0 79.0 4.0 -moz- 6.1 15.0
10.6 -o-