Свойство 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 | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 42.0+ | ✕ | 53.0 -webkit- | ✕ | 29.0+ |
Практикуйте свои знания
What does the CSS 'tab-size' property do?
Правильный!
Неправильно!