css властивість tab-size
Властивість tab-size використовується для зміни відстані відступу, заданого за допомогою символу табуляції (клавіша Tab або символ U+0009).
В HTML, табуляція, зазвичай, заміняється одним пробілом (найдовша клавіша), за винятком декількох елементів, наприклад, <textarea> чи <pre>.
Властивість tab-size відміняє цю заміну, та дозволяє задати власний розмір табуляції.
Ця властивість може бути особливо корисною при поданні контенту, такого як комп'ютерний код, у якому може бути багато рядків відступу.
| Нотатка: | Оскільки специфікація цієї технології ще не стабілізувалася, перевірте таблицю сумісності з браузерами. Також зауважте, що синтаксис і поведінка цієї технології можуть змінюватися в майбутніх версіях браузерів, через можливу зміну специфікації. |
Синтаксис
tab-size: number|length|initial|inherit;Властивість tab-size може отримувати 4 значення:
numberВизначає ширину табуляції в пробілах. Без задання 8. Тобто, якщо Ви вкажете в якості значення число 0, то слова які були розділені символом табуляції, зіллються в єдине.
lengthВизначає довжину відступу. На даний момент це значення не підтимується жодним із браузерів.
initialВстановлює властивість у значення без задання
inheritВказує на спадковість властивості від свого батьківського елемента
| Значення без задання: | 8 |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.tabSize="16" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| tab-size | 21.0 |
Не підтримується |
4.0 - moz - |
6.1 |
15.0 |
Не підтримується |
| Переглядач | |||
|---|---|---|---|
| tab-size | 4.4 |
4.0 - moz - |
7.1 |
Мобільних переглядачів ще не додано.
Приклади
Динамічний приклад впливу значення на елементи
Простий приклад використання
Визначення довжини відступу для елемента
pre {
-moz-tab-size: 16;
} /* Code for Firefox */
pre {
-o-tab-size: 16;
} /* Code for Opera 10.6-12.1 */
pre {
tab-size: 16;
}