tab-size

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

CSS-свойство tab-size используется для настройки ширины символа табуляции (U+0009).

/* <integer> значения */
tab-size: 4;
tab-size: 0;

/* <length> значения */
tab-size: 10px;
tab-size: 2em;

/* Глобальные значения */
tab-size: inherit;
tab-size: initial;
tab-size: unset;

Начальное значение	`8`
Применяется к	блочные контейнеры
Наследуется	да
Отображение	визуальный
Обработка значения	указанное целое число или абсолютная длина
Animation type	длина
Канонический порядок	уникальный неоднозначный порядок, определённый формальной грамматикой

Синтаксис

Значения

<integer>: Количество пробелов в табе. Должно быть неотрицательным.
<length>: Ширина таба. Должно быть неотрицательным.

Формальный синтаксис

<integer> | <length>

Примеры

pre {
  tab-size: 4; /* Установит размер таба в 4 пробела */
}

pre {
  tab-size: 0; /* Удалит отступ */
}

pre {
  tab-size: 2; /* Установит размер таба в 2 пробела */
}

Спецификации

Спецификация	Статус	Комментарии
CSS Text Module Level 3 Определение 'tab-size' в этой спецификации.	Рабочий черновик	Первое определение

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

Update compatibility data on GitHub

	Компьютеры						Мобильные
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome для Android	Firefox для Android	Opera для Android	Safari on iOS	Samsung Internet
`tab-size` Экспериментальная	Chrome Полная поддержка 21 Замечания Полная поддержка 21 Замечания Замечания This property is not yet animatable.	Edge Нет поддержки Нет	Firefox Полная поддержка 4 С префиксом Замечания Полная поддержка 4 С префиксом Замечания С префиксом Требует вендорный префикс: -moz- Замечания See bug 737785 for the status of unprefixing this property. Замечания Before Firefox 53, this property was not animatable.	IE Нет поддержки Нет	Opera Полная поддержка 15 Полная поддержка 15 Полная поддержка 10.5 С префиксом С префиксом Требует вендорный префикс: -o-	Safari Полная поддержка 6.1	WebView Android Полная поддержка 4.4	Chrome Android Полная поддержка 25 Замечания Полная поддержка 25 Замечания Замечания This property is not yet animatable.	Firefox Android Полная поддержка 4 С префиксом Замечания Полная поддержка 4 С префиксом Замечания С префиксом Требует вендорный префикс: -moz- Замечания See bug 737785 for the status of unprefixing this property. Замечания Before Firefox 53, this property was not animatable.	Opera Android Полная поддержка 14 Полная поддержка 14 Полная поддержка 11 С префиксом С префиксом Требует вендорный префикс: -o-	Safari iOS Полная поддержка 7.1	Samsung Internet Android ?
`<length>` Экспериментальная	Chrome Полная поддержка 42	Edge Нет поддержки Нет	Firefox Полная поддержка 53	IE Нет поддержки Нет	Opera Полная поддержка 29	Safari Нет поддержки Нет	WebView Android Полная поддержка 56	Chrome Android Полная поддержка 42	Firefox Android Полная поддержка 53	Opera Android Полная поддержка 29	Safari iOS Нет поддержки Нет	Samsung Internet Android ?

Легенда

Полная поддержка: Полная поддержка
Нет поддержки: Нет поддержки
Совместимость неизвестна: Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.: Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.: Смотрите замечания реализации.
Требует вендорный префикс или другое имя для использования.: Требует вендорный префикс или другое имя для использования.

Смотрите также

Управление размером символа табуляции (U+0009), электронное письмо Anne van Kesteren в CSSWG.