Свойство 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;
}

Результат: