css властивість tab-size
Властивість tab-size використовується для зміни відстані відступу, заданого за допомогою символу табуляції (клавіша Tab або символ U+0009).
В HTML, табуляція, зазвичай, заміняється одним пробілом (найдовша клавіша), за винятком декількох елементів, наприклад, <textarea> чи <pre>.
Властивість tab-size відміняє цю заміну, та дозволяє задати власний розмір табуляції.
Ця властивість може бути особливо корисною при поданні контенту, такого як комп'ютерний код, у якому може бути багато рядків відступу.
автор: Svitlana
- Нотатка
-
Оскільки специфікація цієї технології ще не стабілізувалася, перевірте таблицю сумісності з браузерами.
Також зауважте, що синтаксис і поведінка цієї технології можуть змінюватися в майбутніх версіях браузерів, через можливу зміну специфікації.
автор: Svitlana
Синтаксис
tab-size: number|length|initial|inherit;Властивість tab-size може отримувати 4 значень:
-
number -
Визначає ширину табуляції в пробілах. Без задання 8. Тобто, якщо Ви вкажете в якості значення число 0, то слова які були розділені символом табуляції, зіллються в єдине.
автор: Svitlana -
length -
Визначає довжину відступу. На даний момент це значення не підтимується жодним із браузерів.
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента
автор: Svitlana
| Значення без задання: | 8 |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.tabSize="16" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 21 | 91 | 7 | 15 | 79 | — |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 25 | 91 | 7 |
Приклади
+ запропонувати свій приклад у пісочниці
Обидва рядки починаються з одного символу табуляції; tab-size каже, скільком пробілам він дорівнює — 4 чи 16.
HTML
<pre class="t4"> tab-size: 4</pre>
<pre class="t16"> tab-size: 16</pre>CSS
pre {
border-left: 3px solid #0172ad;
}
.t4 { tab-size: 4; }
.t16 { tab-size: 16; }Динамічний приклад впливу значення на елементи
Простий приклад використання
Коментарі
Коментарів ще немає — будьте першим!