text-align

Оновлено: 05.12.2022

text-align

Визначає горизонтальне вирівнювання тексту в межах елемента.

Коротка інформація

Значення за замовчуванням left
Успадковується так
Застосовується До блокових контейнерів
Анімується Ні

Синтаксис 

text-align: center | justify | left | right | start | end

Значення

center Вирівнювання тексту по центру. Текст поміщається по центру горизонталі вікна браузера або контейнера, де розташований текстовий блок. Рядки тексту немов нанизуються на невидиму вісь, яка проходить по центру веб-сторінки. Подібний спосіб вирівнювання активно використовується в заголовках і різних підписах, на кшталт підрисункових, він надає офіційного і солідного вигляду оформленню тексту. У всіх інших випадках вирівнювання по центру застосовується рідко з тієї причини, що читати великий обсяг такого тексту незручно.
justify Вирівнювання по ширині, що означає одночасне вирівнювання по лівому і правому краях. Щоб виконати цю дію, браузер у цьому випадку додає пробіли між словами.
left Вирівнювання тексту по лівому краю. У цьому разі рядки тексту вирівнюється по лівому краю, а правий край розташовується "драбинкою". Такий спосіб вирівнювання є найбільш популярним на сайтах, оскільки дає змогу користувачеві легко відшукувати поглядом новий рядок і комфортно читати великий текст.
right Вирівнювання тексту по правому краю. Цей спосіб вирівнювання виконує роль антагоніста попереднього типу. А саме, рядки тексту вирівнюються по правому краю, а лівий залишається рваним". Через те, що лівий край не вирівняний, а саме з нього починається читання нових рядків, такий текст читати важче, ніж, якби його було вирівняно по лівому краю. Тому вирівнювання по правому краю застосовується зазвичай для коротких заголовків об'ємом не більше трьох рядків. Ми не розглядаємо специфічні сайти, де текст доводиться читати справа наліво, там, можливо, подібний спосіб вирівнювання стане в пригоді.
start аналогічно значенню left, якщо текст іде зліва направо і right, коли текст іде справа наліво.
end Аналогічно значенню right, якщо текст іде зліва направо і left, коли текст іде справа наліво.

Приклад

Об'єктна модель

Об'єкт.style.textAlign

Примітка

IE до версії 7 включно вирівнює не тільки вміст блочного елемента, а й сам елемент.

Браузери

text-align

Переглянути сумісність з Can I use?

text-align