tab-size プロパティ

最終更新：2026-09-13

tab-size tab-size プロパティ

font-size-adjust ではなく tab-size プロパティは、ページに表示されるタブ文字（\t）の幅を設定します。通常、コードブロックや pre 要素のインデントを制御するために使われます。既定値は 8 です。

カテゴリ
初期値	8
継承	はい
適用対象
アニメーションタイプ
CSS バージョン	CSS3
状態	標準

📝 構文

tab-size: <integer> | <length>;

⚙️ 値

値	タイプ	説明
`<integer>`	タイプ	スペース数で表したタブ幅
`<length>`	タイプ	長さで表した固定のタブ幅

▶ 例

以下のコードを編集して、プレイグラウンドでライブ結果を確認してください：

▶ 試す

🌐 ブラウザーサポート

ブラウザー	Chrome	Edge	Firefox	Safari	Opera
tab-size	✓ v21	✓ v12	✓ v9	✓ v6.1	✓ v15
すべての主要ブラウザーでサポート

ヒント： white-space: pre や pre-wrap と組み合わせると、ソースコードのタブ字下げを維持できます。

ヒント： コードブロックでは、既定の 8 よりも 2 または 4 を推奨します。よりコンパクトになります。

❓ よくある質問

Qtab-size プロパティは CSS で小数や分数の値に対応していますか？

A<integer> 形式は整数のみ受け付けます。<length> 形式は 4px のような小数の長さを受け付けますが、整数形式が最も一般的です。ブラウザの実装では通常、タブを幅の整数倍の次の停止位置まで進めるものとして扱います。

Qtab-size は中国語のコンテンツに役立ちますか？

Aこのプロパティはテキスト中のタブ文字にのみ作用します。多くはコードブロック（white-space: pre と組み合わせて字下げを維持）で見られます。通常の中国語段落はタブ字下げを使わないため、影響はありません。

QCSS でコードブロックのタブ字下げを狭くするには？

Apre や code に tab-size: 2 または 4 を設定し、既定の 8 スペース幅を置き換えます。コードがよりコンパクトで読みやすくなります。white-space: pre または pre-wrap と組み合わせる必要があります。そうしないとブラウザがタブをスペースに折りたたみます。