Справочник HTML

Атрибут align

3 12 1 4 1 1
3 1 6 1

Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задаётся атрибутом align.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

<img align="bottom | left | middle | right |  top">
Описание Пример
<тип> Указывает тип значения. <размер>
A && B Значения должны выводиться в указанном порядке. <размер> && <цвет>
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,<время>]*
+ Повторять один или больше раз. <число>+
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. <радиус>{1,4}
# Повторять один или больше раз через запятую. <время>#

Значения

В табл. 1 перечислены возможные значение атрибута 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...

Значение по умолчанию

bottom

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>IMG, атрибут align</title> </head> <body> <p><img src="image/square.gif" alt="Квадрат" width="20" height="20" align="right"> Этот текст обтекает рисунок по его левому краю.</p> </body> </html>

Примечание

Для выравнивания изображения по левому или правому краю применяется свойство float со значением left или right, соответственно. Для выравнивания по высоте строки используется свойство vertical-align.