СSS Свойство 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 определяет горизонтальное выравнивание текста в элементе.
| Значение по умолчанию: | left если направление слева направо, и right при направлении справа налево |
|---|---|
| Унаследованный: | да |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.textAlign="right" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
text-align: left|right|center|justify|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| left | Выравнивает текст по левому краю | Воспроизвести » |
| right | Выравнивает текст по правому краю | Воспроизвести » |
| center | Центрирует текст | Воспроизвести » |
| justify | Растягивает линии так, чтобы каждая линия имела одинаковую ширину (как в газетах и журналах) | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Другой пример выравнивания текста:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
Попробуйте сами »
Связанные страницы
CSS Учебник: CSS Текс
HTML DOM Справочник: Свойство textAlign
