Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Attributes/ HTML атрибут align | назначение, значения, примеры

Атрибут align

Последнее обновление: 20.11.2009

Атрибут align — задает выравнивание элемента относительно других элементов на странице или выравнивание внутри элемента в зависимости от того, к какому элементу (тегу) применен.

Align для caption

Выравнивание заголовка таблицы (<caption>) относительно таблицы.

Возможные значения
  • top — заголовок сверху таблицы;
  • bottom — заголовок внизу;
  • left — слева;
  • right — справа
Значение по умолчанию top
Аналог в CSS caption-side

Использование атрибута не рекомендуется, следует использовать CSS свойство caption-side.

Align для hr

Горизонтальное выравнивание <hr> относительно окружения.

Возможные значения
  • left — разделитель выровнен по левому краю;
  • сenter — по центру;
  • right — по правому.
Значение по умолчанию center
Аналог в CSS совместное применение text-align и margin

Использование атрибута не рекомендуется (запрещено стандартами), следует использовать CSS свойство text-align и margin.

Align для legend

Выравнивание заголовка секции формы (<legend>) относительно этой секции (набора полей).

Возможные значения
  • top — заголовок сверху секции;
  • bottom — заголовок внизу;
  • left — слева;
  • right — справа
Значение по умолчанию top
Аналог в CSS нет

Использование атрибута не рекомендуется (запрещено стандартами).

Align для горизонтального выравнивания внутри блоков

Задает горизонтальное выравнивание внутри блока. Доступно для: <div>, <h1-h6>, <p>.

Возможные значения
  • left — выравнивание по левому краю;
  • right — по правому;
  • center — по центру;
  • justify — по обоим краям.

Так же есть значения для тега <div>, которые являются не стандартными и не желательными для использования, т.к. поддерживаются не всеми браузерами:

  • absbottom
  • absmiddle
  • baseline
  • texttop
Значение по умолчанию left
Аналог в CSS text-align

Использование атрибута не рекомендуется, следует использовать CSS свойство text-align.

Align для указания положения элемента на странице

Задает горизонтальное или вертикальное (относительно его содержимого) выравнивание элемента на странице. Применим к: <applet>, <iframe>, <img>, <input>, <marquee>, <object>.

Возможные значения
  • bottom — нижняя граница элемента должна быть вертикально выровнена относительно текущей базовой линии;
  • left — элемент прижимается к левой границе родителя, остальные (строчные) элементы и текст обтекают элемент справа;
  • middle — центр элемента должен быть вертикально выровнен относительно текущей базовой линии;
  • right — элемент прижимается к правой границе родителя, остальные (строчные) элементы и текст обтекают элемент слева;
  • top — верхняя граница элемента должна быть вертикально выровнена относительно текущей базовой линии;
Значение по умолчанию bottom
Аналог в CSS float для left/right и vertical-align для top/bottom/middle

Использование атрибута не рекомендуется, следует использовать CSS свойство float и vertical-align.

Align для table

Задает выравнивание таблицы (<table>) относительно родителя.

Возможные значения
  • left — таблица прижата влево;
  • center — по центру;
  • right — прижата вправо.
Значение по умолчанию нет
Аналог в CSS нет, следует использовать прием «выравнивания блока по середине«

Использование атрибута не рекомендуется (запрещено стандартами).

Align для элементов таблиц

Задает горизонтальное выравнивание внутри ячеек таблицы: <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>

Возможные значения
  • left — выравнивание содержимого по левому краю;
  • center — по центру;
  • right — по правом краю;
  • justify — по правому и левому краям одновременно;
  • char — выравнивание текста вокруг указанного символа (применяется в паре с атрибутом char)
Значение по умолчанию left
Аналог в CSS text-align для значений left / center / right / justify. Для char аналога нет.

Пример


<img align="right" src="images/pic.jpg" width="200" height="100" />


Твой код:

Результат: