css властивість tab-size

Властивість tab-size використовується для зміни відстані відступу, заданого за допомогою символу табуляції (клавіша Tab або символ U+0009).

В HTML, табуляція, зазвичай, заміняється одним пробілом (найдовша клавіша), за винятком декількох елементів, наприклад, <textarea> чи <pre>.

Властивість tab-size відміняє цю заміну, та дозволяє задати власний розмір табуляції.

Ця властивість може бути особливо корисною при поданні контенту, такого як комп'ютерний код, у якому може бути багато рядків відступу.

правити

Нотатка

Оскільки специфікація цієї технології ще не стабілізувалася, перевірте таблицю сумісності з браузерами.

Також зауважте, що синтаксис і поведінка цієї технології можуть змінюватися в майбутніх версіях браузерів, через можливу зміну специфікації.

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

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

Властивість tab-size може отримувати 4 значень:

number

Визначає ширину табуляції в пробілах. Без задання 8. Тобто, якщо Ви вкажете в якості значення число 0, то слова які були розділені символом табуляції, зіллються в єдине.

автор: Svitlana

правити

length

Визначає довжину відступу. На даний момент це значення не підтимується жодним із браузерів.

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
tab-size	21.0	4.0 - moz -	6.1	15.0 <br> 10.60 -o-	Не підтримується	Не підтримується

Підтримка: мобільні переглядачі

Переглядач
tab-size	4.4	4.0 - moz -	7.1

Приклади

+ запропонувати свій приклад у пісочниці

<pre class="t4">	tab-size: 4</pre>
<pre class="t16">	tab-size: 16</pre>

pre {
    border-left: 3px solid #0172ad;
}

.t4  { tab-size: 4; }
.t16 { tab-size: 16; }