CSS свойство tab-size

Свойство tab-size устанавливает ширину символов табуляции.

Свойство tab-size может быть видимым только для HTML тегов <textarea> и <pre>.

Отрицательные значения недопустимы.
Для максимальной совместимости браузера вместе с этим свойством могут быть использованы расширения (-moz- для Firefox и -o- для Opera).
Значение по умолчанию 8
Применяется Ко всем элементам. К блочным контейнерам.
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM Syntax object.style.tabSize = "20";

Синтаксис

tab-size: number | length | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style> 
      .tab1 {
      -moz-tab-size: 5; /* Firefox */
      -o-tab-size: 5; /* Opera 10.6-12.1 */
      tab-size: 5;
      }
      .tab2 {
      -moz-tab-size: 20; /* Firefox */
      -o-tab-size: 20; /* Opera 10.6-12.1 */
      tab-size: 20;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства tab-size</h2>
    <pre class="tab1">
Lorem	ipsum	is	a...  
</pre>
    <pre class="tab2">
Lorem	ipsum	is	a...
</pre>
  </body>
</html>

В данном примере значение первого элемента равно 5, а значение второго элемента - 20.

Значения

Значение Описание
number Устанавливает количество знаков пробела в табуляции. Отрицательные значения недопустимы. Значение по умолчанию - 8.
length Устанавливает ширину табуляции. Отрицательные значения недопустимы. Большинство браузеров не поддерживают это значение.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome edge firefox safari opera
42.0+ 53.0 -webkit- 29.0+

Практикуйте свои знания

What does the CSS 'tab-size' property do?
Считаете ли это полезным?