tab-sizeプロパティに指定できる値
tab-sizeプロパティの値は数値で指定します。
「1」は半角スペース1つ分のスペースになり、初期設定値は「8」は半角スペース8つ分になります。
tab-sizeプロパティを適用するためには、Tab入力が表示に反映されるpre要素に指定するか、またはwhite-spaceで「pre」「pre-wrap」が指定されている要素に指定する必要があります。
CSS コード例
.text1 {
margin-bottom: 20px;
tab-size: 8;
font-size: 20px;
line-height: 1.6em;
}
.text2 {
padding-bottom: 5px;
font-size: 20px;
tab-size: 4;
white-space: pre;
line-height: 1.6em;
}HTML コード例
<pre class="text1"> tab-sizeプロパティで「8」（初期値）を指定</pre>
<p class="text2"> tab-sizeプロパティで「4」を指定</p>ブラウザで表示すると以下のようになります。
.text2のp要素にはtab-sizeプロパティで指定したタブ表示を反映するために「white-space: pre;」も併せて指定していることがポイントです。