備忘録的プログラミングリファレンス

tab-sizeプロパティ

　tab-sizeプロパティは、タブの幅を指定するプロパティです。 文字幅または正の整数で指定します。

　ただし、white-spaceプロパティでpreまたはpre-wrap値を設定する必要があります。設定していない場合は、デフォルトでのタブ文字として1つのスペース文字として表示されます。

　FireFoxはベンダープレフィックス（-moz-tab-size）を付けることで対応となっていますが、環境によって機能しない場合があるようです。

タブのサイズを4文字分に
white-space: pre;
tab-size: 4;
-moz-tab-size: 4;

関連プロパティ

　以下はテキスト配置に関連するプロパティです。

letter-spacing文字間隔
line-heightテキストの行間
overflow-wrap単語がエレメント内に入りきらない場合の設定
text-align右寄せ、中央寄せ、左寄せ
text-align-last最後の行の右寄せ、中央寄せ、左寄せ
text-combine-upright縦書きにおける算用数字（アラビア数字）の配置
text-indent最初の行頭の字下げ幅
text-justify両端揃えにおける単語、文字の間隔
text-overflowエレメントからテキストがはみ出る場合の表記
vertical-alignテキストの上下位置、上付き、下付き
white-spaceホワイトスペース（複数の半角スペース、タブ）や改行の表示方法
word-breakエレメントの領域をはみ出るテキストの折り返し
word-spacing単語と単語の間の空白を調整
word-wrapoverflow-wrapプロパティの別名

構文(Syntax)

CSS

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

DOM(JavaScript)

値の取得
String = object.style.tabSize;
値の設定
object.style.tabSize="number | length | initial | inherit";

値（Values）

Value摘要
8初期値（default値）
number文字数、正の整数
lengthCSS長さの単位を参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考（Remarks）

初期値（Default value）8
継承（Inherited）Yes
CSS AnimationNo

Example

　tab-sizeの例です。white-spaceプロパティでpre、pre-wrap値を設定する必要があります。

　FireFoxはベンダープレフィックス（-moz-tab-size）を付けることで対応となっていますが、環境によって機能しない場合があるようです。