cman.jp > WEBページ作成TOP > CSSリファレンス > 「タブ幅」
WEBページ作成
広告
tab-size 「タブ幅の指定」
tab-sizeは、<pre>などのタブをそのまま表示する場合に、タブの幅を指定するために使用します。
2017年5月時点でIEやEdgeは対応していませんのでご注意ください。
| CSS Ver. | 適用要素 | 継承 |
|---|---|---|
| 3.0 | ブロック | する |
広告
tab-sizeの指定方法
| 構文 | |
|---|---|
|
tab-size : 値; |
|
| プロパティ | 意味 |
| tab-size: 数値; | 数値を指定すると、数値分のスペース幅がタブ幅となります |
| tab-size: 単位; | タブ幅を値で指定 「長さ・大きさの単位」参照（以下も同様） 単位指定は未サポートのブラウザが多い |
|
デフォルトはブラウザにより異なります。現在使用中のブラウザのデフォルトは「タグ毎のスタイル初期値」を参照 |
|
tab-size のサンプル
<style type="text/css">
#tab-sample{
-moz-tab-size : 4;
tab-size : 4;
}
</style>
<html>
<pre id="tab-sample">
aaaa
bbbb
cccc
dddd
eeee
</pre>
</html>
IEは非対応のため正しく動作しません。
| 幅変更 |
|---|
aaaa bbbb cccc dddd eeee
2017年5月時点でIEやEdgeは対応していませんのでご注意ください。
ページTOP| 関連するHTMLタグ | |
|---|---|
| pre | そのまま表示 |
広告