CSS - tab-size
概要
属性名 | 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 ではサポートされていません。
使用例
CSS
.box { padding: .2rem; border: 1px solid #ccc; background-color: #fff; } .tab-4 { tab-size: 4; } .tab-8 { tab-size: 8; }
HTML
<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
リンク
- https://drafts.csswg.org/css-text-3/#tab-size-property
- https://developer.mozilla.org/ja/docs/Web/CSS/tab-size
- https://caniuse.com/#search=tab-size
Copyright (C) 2020 杜甫々
初版:2020年1月5日、最終更新:2020年1月5日
https://www.tohoho-web.com/css/prop/tab-size.htm