text-align

Поддержка браузерами


12.0+	3.0+	1.0+	1.0+	3.5+	1.0+

Описание

CSS свойство text-align указывает, каким образом будет выравниваться строчное содержимое (текст, изображения) по горизонтали, внутри родительского элемента контейнера (блок, ячейка таблицы, поле ввода формы).

Примечание: свойство text-align не выравнивает сам элемент контейнер к которому оно применено, оно оказывает эффект только на его строчное содержимое. Свойство не даст никакого эффекта, если его применить для выравнивания напрямую к строчному элементу.

Значение по умолчанию:	left если направление текста слева направо, и right если направление текста справа налево
Применяется:	к блочным контейнерам (block, inline-block, table-cell, table-captions, list-item)
Анимируется:	нет
Наследуется:	да
Версия:	CSS1
Синтаксис JavaScript:	object.style.textAlign="right"

Синтаксис

text-align: left|right|center|justify|inherit;

Значения свойства

Значение	Описание
`left`	Выравнивает текст по левому краю.
`right`	Выравнивает текст по правому краю.
`center`	Выравнивает текст по центру.(Каждая срока текста выравнивается относительно центра элемента, имея одинаковые расстояния до краёв элемента с обеих сторон строки.)
`justify`	Растягивание текста по ширине. Таким образом каждая строка текста имеет одинаковую ширину (как в газетах или журналах), растягиваясь от одного края элемента до другого. Обратите внимание, что при растягивании текста по всей ширине элемента, расстояние между словами может заметно увеличиваться.
`inherit`	Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:

text-align:

Результат:

CSS свойство text-align позволяет управлять выравниванием текста внутри любого HTML элемента. С помощью text-align можно выравнять текст по левому или правому краю элемента, центрировать каждую строку текста или растянуть текст от одного края элемента до другого (подобно абзацам печатных изданий).

CSS Код:

div {
text-align: left;
}

Кликните на любое значение свойства, чтобы увидеть результат