/css/text-align:> Горизонтальное выравнивание_
Свойство text-align
Синтаксис
CSS 1
CSS 2‒2.2
CSS 3
text-align: left | right | center | justify | inherit;
Описание
Свойство text-align задаёт горизонтальное выравнивание содержимого элемента.
| Применяется: | к блок-контейнерам; |
|---|---|
| Наследование: | присутствует; |
| Проценты: | не используются; |
| Медиа: | визуальные. |
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Значения
- left
- Выравнивает содержимое по левому краю блока.
text-align: left; - center
- Выравнивает содержимое блока по центру.
text-align: center; - right
- Выравнивает содержимое по правому краю блока.
text-align: right; - justify
- Выравнивает содержимое по обоим краям блока. (В случае необходимости увеличивается ширина пробелов между словами.)
text-align: justify; - start
- Выравнивает содержимое по началу края блока. Анаголичен значению «
left» приdirection: ltr;, «right» приdirection: rtl;. - end
- Выравнивает содержимое по конечному краю блока. Анаголичен «
right» приdirection: ltr;, «left» приdirection: rtl;. - inherit
- Указывает, что элемент должен унаследовать параметры родительского элемента.
- match-parent
- аналогичен свойству «
inherit», но в отличии от него он может наследовать свойство «start» или «end», при этом значение свойства «direction» (если оно указано) не учитывается. - start end
- «
start» указывает выравнивание первой и следующей за ней (после принудительного разрыва) строки; «end» выравнивает все остальные линии.
Начальное значение:
«left» при direction: ltr, «right» при direction: rtl.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство text-align</title>
<style type="text/css">
blockquote { text-align: justify; }
address { text-align: right; }
</style>
</head>
<body>
<h1>Пример горизонтального выравнивания</h1>
<blockquote>
«Способность быть в Одиночестве – это способность Любить. Это правда Бытия. Только те люди, которые способны быть наедине с «<i>собой</i>», могут любить, делиться, проникать в самую глубинную сущность «другого», не присваивая «другого», не становясь зависимым от «другого», не превращая «другого» в вещь, не попадая в зависимость от «другого». Они представляют друг другу <b>абсолютную свободу</b>, потому что знают, что если «другой» покинет их, они будут <em>также счастливы, как и сейчас</em>. <strong>Другой человек не может отнять их счастье, потому что оно не даётся другим человеком</strong>…»
</blockquote>
<address><b>ОШО</b></address>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство text-align</title>
<style type="text/css">
blockquote { text-align: justify; }
address { text-align: right; }
</style>
</head>
<body>
<h1>Пример горизонтального выравнивания</h1>
<blockquote>
«Способность быть в Одиночестве – это способность Любить. Это правда Бытия. Только те люди, которые способны быть наедине с «<i>собой</i>», могут любить, делиться, проникать в самую глубинную сущность «другого», не присваивая «другого», не становясь зависимым от «другого», не превращая «другого» в вещь, не попадая в зависимость от «другого». Они представляют друг другу <b>абсолютную свободу</b>, потому что знают, что если «другой» покинет их, они будут <em>также счастливы, как и сейчас</em>. <strong>Другой человек не может отнять их счастье, потому что оно не даётся другим человеком</strong>…»
</blockquote>
<address><b>ОШО</b></address>
</body>
</html>
Свойство text-align