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

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
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidSafari on iOSSamsung 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.1WebView Android Полная поддержка 4.4Chrome Android Полная поддержка 25
Замечания
Полная поддержка 25
Замечания
Замечания This property is not yet animatable.
Edge Mobile ? 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.1Samsung Internet Android ?
<length>
Экспериментальная
Chrome Полная поддержка 42Edge Нет поддержки НетFirefox Полная поддержка 53IE Нет поддержки НетOpera Полная поддержка 29Safari Нет поддержки НетWebView Android Полная поддержка 56Chrome Android Полная поддержка 42Edge Mobile ? Firefox Android Полная поддержка 53Opera Android Полная поддержка 29Safari iOS Нет поддержки НетSamsung Internet Android ?

Легенда

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

 

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

Метки документа и участники

Внесли вклад в эту страницу: opereverzeva
Обновлялась последний раз: opereverzeva,