⌘K

tab-size プロパティ

tab-size プロパティは、 Tab キーによって作成されるインデントのサイズを設定します。

このプロパティは、 white-space プロパティが pre または pre-wrap に設定されている場合、および pre タグに対してのみ機能します。

プロパティの値は正の整数を受け取り、Tab キーに対応するスペースの数を設定します。 デフォルト値は 8 スペースです。

構文

cssセレクタ {
  tab-size: 正の整数;
}

例

Tab のインデントを 0 スペースに設定します： 

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
css#elem {
  tab-size: 0;
  white-space: pre;
  border: 1px solid black;
}

Результат:

例

Tab のインデントを 1 スペースに設定します： 

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
css#elem {
  tab-size: 1;
  white-space: pre;
  border: 1px solid black;
}

Результат:

例

Tab のインデントを 2 スペースに設定します： 

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
css#elem {
  tab-size: 2;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Backプロパティ overflow-yNextプロパティ text-overflow