CSS свойство text-align

CSS свойства

Определение и применение

CSS свойство text-align задает горизонтальное выравнивание текста.

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

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
text-align1.01.03.51.03.012.0

CSS синтаксис:

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

JavaScript синтаксис:

object.style.textAlign = "left"

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

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

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Нет.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Свойство text-align.</title>
<style> 
div {
background-color : rgba(0, 255, 0, .1); /* задаём цвет заднего фона. */
}
.test {
text-align : left; /* задаём выравнивание текста влево. */
}
.test2 {
text-align : center; /* задаём выравнивание текста по центру. */
}
.test3 {
text-align : right; /* задаём выравнивание текста вправо. */
}
.test4 {
text-align : justify; /* задаём выравнивание текста по ширине. */
}
</style>
</head>
	<body>
		<div class = "test">Съешь же ещё этих мягких французских булок да выпей чаю. </div>
		<div class = "test2">Съешь же ещё этих мягких французских булок да выпей чаю.</div>
		<div class = "test3">Съешь же ещё этих мягких французских булок да выпей чаю. </div>
		<div class = "test4">Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю. Съешь же ещё этих мягких французских булок да выпей чаю.</div>
	</body>
</html>
Пример выравнивания текста в CSS.
Пример выравнивания текста в CSS.
CSS свойства