DevToolBox

CSS tab-size ジェネレーター

タブ文字の表示幅を制御するCSS tab-sizeプロパティを生成。pre要素のコード表示最適化に最適。

tab-size: 4;
-moz-tab-size: 4;
function example() {
	if (true) {
		console.log('Hello');
	}
}
現在のタブサイズ:4
タブ文字数:4

tab-sizeプロパティについて

CSSの tab-size プロパティは、タブ文字(\t)の表示幅を制御します。 デフォルトは8ですが、pre要素やcode要素でコードを表示する際に、2や4に設定することが一般的です。

主な使用例

  • コードブロックの表示幅調整
  • エディタのタブ幅に合わせた表示
  • ドキュメント内のコード整形
  • Markdownプレビューの最適化

ブラウザ対応

モダンブラウザでは標準的にサポートされていますが、Firefoxでは -moz-tab-size プレフィックスも併記することが推奨されます。