css властивість text-align
Властивість text-align визначає горизонтальне вирівнювання тексту в елементі.
Хоча назва властивості text-align, вона поширюється на весь вбудований вміст блочного контейнера. Тому це не просто вирівнювання тексту - властивість використовується для вирівнювання будь-якого вбудованого вмісту в елементі (якщо він не повністю заповнює контейнер блоку).
Важливо зазначити, що будь-яке вирівнювання, вказане у text-align, не залежить від контейнеру. Блок тексту - це просто стек коробки рядків. Властивість text-align визначає, як кожен лінійний рівень в кожному рядку вирівнюється по відношенню до початкової та кінцевої сторін лінії.
- Нотатка
-
Не рекомендується використовувати ключові слова
автор: Svitlanastartіend. Вони ще на експериментальній стадії розробки.
Синтаксис
text-align: left|right|center|justify|start|end|initial|inherit;Властивість text-align може отримувати 8 значень:
-
left -
Вирівнювання тексту по лівій стороні
автор: Svitlana -
right -
Вирівнювання тексту по правій стороні
автор: Svitlana -
center -
Вирівнювання тексту по центру
автор: Svitlana -
justify -
Вирівнювання тексту по ширині. Текст розтянеться від лівого краю до правого (як в газетах і журналах).
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента.
автор: Svitlana -
start -
Аналогічно значенню
автор: Svitlanaleft, якщо текст йде зліва направо іright, коли текст йде справа наліво. -
end -
Аналогічно значенню
автор: Svitlanaright, якщо текст йде зліва направо іleft, коли текст йде справа наліво.
| Значення без задання: | left, якщо напрямок ltr, right, якщо напрямок rtl |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.textAlign="right" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 3 | |
| left, right, center, justify | 1.0 | 1.0 | 1.0 | 3.5 | 12.0 | 8.0 |
| start | 1.0 | 1.0 | 3.1 | 10.0 | Не підтримується | Не підтримується |
| end | 1.0 | 3.6 | 3.1 | Не підтримується | Не підтримується | Не підтримується |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 | |
| left, right, center, justify | 1.5 | 1.0 | 1.0 | |
| start | 1.5 | 1.0 | 3.1 | |
| end | 1.5 | 3.6 | 3.1 |
Приклади
+ запропонувати свій приклад у пісочниці
Три способи вирівняти рядок: по центру, ліворуч (типово) і праворуч.
HTML
<h1>По центру</h1>
<h2>Ліворуч</h2>
<h3>Праворуч</h3>CSS
h1 { text-align: center; }
h2 { text-align: left; }
h3 { text-align: right; }Динамічний приклад впливу різних значень властивості на рядок тексту
Використання властивості
Коментарі
Коментарів ще немає — будьте першим!