Атрибут align
Атрибут / параметр align (от англ. «align» ‒ «выравнивание») задаёт горизонтальное выравнивание содержимого абзаца.
CSS
Поддержка браузерами
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | Paragraphs |
| 4.01 | 15.1.2 Alignment align = left|center. [1] DTD: Transitional |
| 5.0 | |
| 5.1 | |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language [1] DTD: Transitional |
| 1.1 | |
- [1] ‒ помечен как «устаревший».
Значения
center Выравнивает текстовое содержимое по середине.
justify Выравнивает текстовое содержимое по левому и по правому краю.
left Выравнивает текстовое содержимое по левому краю.
right Выравнивает текстовое содержимое по правому краю.
Значение по умолчанию: « left » « left » для текста выводимого слева на право и « right » для текста выводимого справа на лево .
Атрибут align
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается атрибутом align тега .
Синтаксис
Значения
В табл. 1 перечислены возможные значение атрибута align и результат его использования.
| Значение | Описание | Пример |
|---|---|---|
| bottom | Выравнивание нижней границы изображения по окружающему тексту.. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| left | Выравнивает изображение по левому краю окна. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| middle | Выравнивание середины изображения по базовой линии текущей строки. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| right | Выравнивает изображение по правому краю окна. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
| top | Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. |
Наиболее популярные значения — left и right , создающие обтекание текста вокруг изображения.
Значение по умолчанию
Валидация
Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного .
HTML 4.01 IE Cr Op Sa Fx
Тег IMG, атрибут align Этот текст обтекает рисунок по его левому краю.
Примечание
Дополнительные значения absbottom , absmiddle , baseline и texttop понимаются браузерами, но не поддерживаются спецификацией HTML 4.x/XHTML 1.0.
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Свойство text-align, горизонтальное выравнивание текста
Следующее свойство text-align описывает, как выравнивается текст внутри блока по горизонтали (на самом деле не только текст, но об этом в следующем задании).
Свойство может принимать следующие значения:
- left — выравнивание по левому краю блока, это значение по умолчанию;
- right — по правому краю блока;
- center — по центру блока;
- justify — по ширине блока, при этом слова в строке будут размещаться так, чтобы занять равномерно всё пространство строки (пробелы между словами в таком случае становятся неравномерными, так как браузер «растягивает» слова в строке).
Важно помнить, что свойство text-align применяется именно к самому блоку-контейнеру, внутри которого находится текстовый контент:
HTML:Я текст внутри абзаца
CSS: p
На самом деле существует ещё два значения text-align : это выравнивание к началу блока start и выравнивание к концу блока end . Если вы попробуете применить эти значения, то увидите, что эффект от значения start совпадает со значением left , а end делает то же самое, что и right .
Но это не всегда так. Дело в том, что не во всех языках текст пишется слева направо. Например, в японском текст пишется сверху вниз, и в этом случае значения left и right уже не так логичны, как в «европейских» языках.
Именно чтобы сделать CSS-код универсальным для любых направлений написания текста и появились такие значения text-align . Кстати, для управления направлением текста есть специальное свойство — writing-mode.
Перейти к заданию
- index.html Сплит-режим
- style.css Сплит-режим
Атрибут align
Задаёт выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте атрибут align для элемента или .
Данный атрибут устарел, взамен используйте стили.
Синтаксис
Значения
left Выравнивание по левому краю. center Выравнивание по центру. right Выравнивание по правому краю. justify Выравнивание по ширине.
Значение по умолчанию
Пример
| . | . |
Примечание
Для выравнивания содержимого ячеек по горизонтали используйте стилевое свойство text-align, добавляя его к селектору tr .
| . |
Браузеры
| 3 | 12 | 1 | 4 | 1 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.