<pre> 要素のタブサイズを設定します：
pre {-moz-tab-size: 16;} /* Code for Firefox */
pre {-o-tab-size: 16;} /* Code for Opera
10.6-12.1 */
pre {tab-size: 16;}
Try it Yourself ❯
tab-size プロパティは、タブ文字に使用するスペースの長さを指定します。
HTML では、<textarea> や <pre> のような若干の要素を除いて、タブ文字は通常一つの空白文字として表示されますので、 tab-size プロパティの結果は、これらの要素にのみ表示されるだけです。
| デフォルト値： | 8 |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.tabSize="16" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
-moz- や -o- の後に続く数字は、接頭辞付きで動作した最初のバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| tab-size | 21.0 | 未サポート | 4.0 -moz- | 6.1 | 15.0 10.6 -o- |
注: どのブラウザも現在、長さの単位として値をサポートしていません。
tab-size: number|length|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| number | デフォルト値は 8です。各タブ文字に表示する空白文字数を指定します | Play it ❯ |
| length | タブ文字の長さを指定します。このプロパティの値は、主要なブラウザのいずれもサポートしていません | |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |