CSS - タブの表示幅（サイズ）を指定する「tab-size」

CSSでタブの表示幅（サイズ）を指定するには、 「tab-size」プロパティを使用します。

初期値は「8」です。「8」は半角スペースが8個分という意味です。

特に、プログラミングのコードを表示する場合に 「preタグ」の「tab-size」を「4」や「2」に指定すると見やすくなります。

Firefox用に「-moz-tab-size」も同時に指定してください(2018年7月時点で必要)。

「tab-size」プロパティの構文

/* 数値指定 */
tab-size: 4;
-moz-tab-size: 4;  /* Firefox用 */


/* サイズ指定 */
tab-size: 20px;
tab-size: 2em;

使用例

pre {
	tab-size: 4;       /* スペース 4つ分 */
	-moz-tab-size: 4;  /* Firefox用 */
}