Свойство CSS text-align
Пример
Установите выравнивание текста для разных элементов <div>:
div.a {
text-align: center;
}
div.b {
text-align: left;
}
div.c {
text-align: right;
}
div.c {
text-align:
justify;
}
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство text-align
определяет горизонтальное выравнивание текста в элементе.
Значение по умолчанию: | влево, если направление равно ltr, и вправо, если направление равно rtl |
---|---|
Унаследовано: | да |
Анимация: | нет. Читать об анимации |
Версия: | CSS1 |
Синтаксис JavaScript: | объект .style.textAlign="право" |
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
text-align: left|right|center|justify|initial|inherit;
Значения свойств
Value | Description | Play it |
---|---|---|
left | Aligns the text to the left | |
right | Aligns the text to the right | |
center | Centers the text | |
justify | Stretches the lines so that each line has equal width (like in newspapers and magazines) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Дополнительные примеры
Пример
Другой пример выравнивания текста:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
Связанные страницы
Учебное пособие по CSS: Текст CSS
Справочник по HTML DOM: свойство textAlign