| 属性名 | tab-size |
|---|---|
| 値 | <number> | <length> |
| 初期値 | 8 |
| 適用可能要素 | ブロックコンテナ |
| 継承 | 継承する |
| CSS | IE | Edge | Firefox | Chrome | Opera | Safari | |
|---|---|---|---|---|---|---|---|
| 基本 | CSS3 | (未) | (未) | 4 | 21 | 11.5 | 6.1 |
タブ文字 (U+0009) のタブ幅を指定します。4 や 4.5 などの文字数、または 20px や 8rem などの長さで指定します。Internet Explorer や Microsoft Edge ではサポートされていません。
.box {
padding: .2rem;
border: 1px solid #ccc;
background-color: #fff;
}
.tab-4 {
tab-size: 4;
}
.tab-8 {
tab-size: 8;
}
<pre class="box tab-4"> A A A A A </pre> <pre class="box tab-8"> A A A A A </pre>
A A A A A
A A A A A