пример
Установите для выравнивания текста и <h1>, <h2> <h3> элементы:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Выравнивания текста свойство задает горизонтальное выравнивание текста в элементе.
Значение по умолчанию: | left if direction is ltr, and right if direction is rtl |
---|---|
Наследование: | yes |
Animatable: | no. Read about animatable |
Версия: | CSS1 |
Синтаксис JavaScript: | object .style.textAlign="right" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
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 | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
пример
Этот пример демонстрирует более продвинутую выравнивания текста пример:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
Попробуй сам " Похожие страницы
Учебник CSS: CSS Текст
HTML DOM ссылка: textAlign property