CSS

The CSS tab-size property is used to specify the width of tab characters in text.

tab-size

　tab-sizeプロパティは、テキスト内のタブ文字の幅を設定するために使用されます。このプロパティは、tab文字（\t）が表示されるときに占める幅を指定することができます。tab-sizeプロパティは、単位を伴う数値または「inherit」を値として取ります。

　例えば、以下のような CSSを使用すると、テキスト内のタブ文字の幅を 4つの半角スペース分に設定することができます。


pre {
	tab-size: 4;
}

　この場合、テキスト内で「\t」文字が使用された場合、4つの半角スペース分の幅が表示されます。

　また、tab-sizeプロパティは、HTMLの pre要素と共に使用されることが多いです。これは、pre要素が事前にフォーマットされたテキストを表すために使用されるためです。


<pre>
	First line of text
	Second line of text
</pre>

	First line of text
	Second line of text

　この場合、タブ文字が使用された場合、デフォルトの場合は 8つの半角スペース分の幅が表示されます。しかし、上記のように tab-sizeプロパティを使用することで、幅を調整することができます。

	First line of text
	Second line of text

　このようにすることで、タブ文字が使用された場合、4つの半角スペース分の幅が表示されます。