Модуль CSS-текстописує функції CSS, які керують перекладом вихідного тексту у форматований та переносом рядків. Різні властивості CSS забезпечують контроль над перетворенням регістру, обробкою прогалин, правилами перенесення та переносом тексту та рядків, вирівнюванням, інтервалами та відступами.
Основною одиницею тексту символ. Тим не менш, оскільки системи письма не завжди такі прості, як основний англійський алфавіт, те, чим насправді є символ, залежить від контексту, в якому використовується цей термін. Наприклад, у корейській системі листи кожне квадратне уявлення мови (наприклад, 1 = хань) вважатимуться символом. Однак квадратний символ дійсно складається з декількох літер, кожна з яких представляє фонему (наприклад, ㅎ = h, ㅏ = a, ㄴ = n), і кожна з них також може вважатися символом.
1. Перетворення тексту: властивості text-transform
Властивість текст-перетворення стилізує текст. Він не впливає на базовий вміст і не повинен впливати на вміст копіювання та вставки простого тексту.
Властивість успадковується.
Синтаксис
Text-transform: none; text-transform: capitalize; text-transform: uppercase; text-transform: lowercase; text-transform: inherit; text-transform: initial;
2. Обробка прогалин та перенесення рядків: властивість white-space
Властивість white-space обробляє прогалини між словами та перенесення рядків усередині елемента.
Властивість успадковується.
| white-space | |
|---|---|
| Значення: | |
| normal | Значення за замовчуванням. Між словами вставляється лише по одному пропуску, додаткові пропуски відкидаються. Текст переноситься лише у разі потреби. |
| nowrap | Забороняє перенесення рядків, крім застосування . |
| pre | Пробіли в тексті не ігноруються, браузер відображає додаткові пробіли та перенесення рядків. |
| pre-wrap | Зберігає прогалини в тексті, роблячи розриви рядків там, де це потрібно. |
| pre-line | Видаляє зайві прогалини, за винятком випадків . |
| break-spaces | Поведінка ідентична pre-wrap, за винятком того, що: будь-яка послідовність невилучених прогалин завжди займає місце, у тому числі в кінці рядка; можливість перенесення рядка існує після кожного проміжку, що не видаляється, у тому числі між пробілами. |
| initial | |
| inherit | |
Синтаксис
White-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: preline; white-space: break-spaces; white-space: inherit; white-space: initial;
3. Налаштування табуляції: властивість tab-size
Властивість tab-size використовується для зміни величини відступу, який отримується за допомогою клавіші ТAB. Значення властивості ігноруються, коли встановлено одне з трьох значень pre-line, normal або nowrap властивості white-space.
Працює лише для елементів