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

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

Свойство tab-size является одним из свойств CSS3. Оно применяется к любому элементу, в котором сохраняется пробельное пространство (например, с помощью white-space: pre, pre-wrap или pre-line), таким как <textarea> и <pre>.

INFO

Отрицательные значения недопустимы.

Начальное значение	8
Применяется к	Ко всем элементам, но влияет только на блочные контейнеры и элементы с сохранённым пробельным пространством.
Наследуется	Да.
Анимация	Нет.
Версия	CSS3
DOM-синтаксис	object.style.tabSize = "20";

Синтаксис

Синтаксис CSS tab-size

css

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

Пример использования свойства tab-size:

Пример кода CSS tab-size

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .tab1 {
        tab-size: 5;
      }
      .tab2 {
        tab-size: 20;
      }
    </style>
  </head>
  <body>
    <h2>Tab-size property example</h2>
    <pre class="tab1">
        Lorem	ipsum	is	a...  
    </pre>
    <pre class="tab2">
        Lorem	ipsum	is	a...
    </pre>
  </body>
</html>

Try it Yourself »

Результат

CSS tab-size values list

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

Значения

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

Практика

Что делает свойство 'tab-size' в CSS?

Оно управляет шириной символа табуляции.Оно определяет размер изображения.Оно задаёт количество пробелов, которому равен каждый символ табуляции.Оно управляет высотой символа табуляции.

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

Синтаксис ​

Пример использования свойства tab-size: ​

Результат ​