Атрибут align

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

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

Синтаксис

<img align="bottom | left | middle | right |  top">

Значения

В табл. 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.

Браузеры ?

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 08.11.2016
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid