Китегории

Атрибут align

21 апреля 2022
Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

Синтаксис

<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…

Наиболее популярные значения — left и right, создающие обтекание текста вокруг изображения.

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

bottom

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример

<!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="images/square.gif" alt="Квадрат" width="20" height="20" 
  align="right"> Этот текст обтекает рисунок по его левому краю.</p>
 
</body>
</html>

Примечание

Дополнительные значения absbottomabsmiddlebaseline и texttop понимаются браузерами, но не поддерживаются спецификацией HTML 4.x/XHTML 1.0.


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *