HTMLImageElement: свойство align

Устаревшее: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она может быть уже удалена из соответствующих веб-стандартов, может быть в процессе удаления или сохраняться только для совместимости. Избегайте её использования и, по возможности, обновите существующий код; см. таблицу совместимости внизу этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любой момент.

Устаревшее align свойство интерфейса HTMLImageElement — это строка, которая указывает, как расположить изображение относительно его контейнера.

Вместо этого следует использовать свойство CSS vertical-align, которое, по сути, также работает с изображениями, несмотря на своё название. Также можно использовать свойство float, чтобы сдвинуть изображение влево или вправо.

Свойство align отражает атрибут содержимого HTML align.

Значение

Строка, определяющая один из следующих строк, устанавливающих режим выравнивания изображения.

Выравнивание по базовой линии

Эти три значения определяют выравнивание элемента относительно базовой линии текста. Их следует заменить использованием свойства CSS vertical-align.

bottom: Нижняя граница изображения должна быть выровнена вертикально с текущей базовой линией текста. Значение по умолчанию.
middle: Центр объекта должен быть выровнен вертикально с текущей базовой линией.
top: Верхняя граница объекта должна быть выровнена вертикально с текущей базовой линией.

Стоит отметить, что vertical-align предлагает несколько дополнительных вариантов для своего значения; при переходе на его использование вам может быть полезно рассмотреть их.

Горизонтальное размещение изображений

Свойства left и right не влияют на выравнивание относительно базовой линии. Вместо этого они заставляют изображение «плавать» влево или вправо, позволяя последующему тексту обтекать изображение. Вместо этого следует использовать свойство CSS float, задавая значение left или right.

left: Размещает изображение слева, выравнивая левый край с текущей границей. Любой последующий текст будет обтекать изображение справа.
right: Размещает изображение справа, выравнивая правый край с правой границей. Последующий текст будет обтекать изображение слева.

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

Спецификация
HTML # dom-img-align

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`align`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/align