image-orientation

Свойство image-orientation задает независимую от макета коррекцию ориентации изображения.

Демо

Изображения, фильтры, композиция

• image-orientation
• image-rendering
• image-resolution
• object-fit
• object-position

• linear-gradient()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()
• conic-gradient()
• repeating-conic-gradient()
• url()
• element()
• image()
• cross-fade()

• backdrop-filter
• filter

• background-blend-mode
• isolation
• mix-blend-mode

• contain
• contain-intrinsic-block-size
• contain-intrinsic-height
• contain-intrinsic-inline-size
• contain-intrinsic-size
• contain-intrinsic-width
• container
• container-name
• container-type
• @container
• content-visibility

Синтаксис

/* keyword values */
image-orientation: none;
image-orientation: from-image; /* Use EXIF data from the image */

/* Global values */
image-orientation: inherit;
image-orientation: initial;
image-orientation: revert;
image-orientation: revert-layer;
image-orientation: unset;

Значения

none

Не применяет никакого дополнительного поворота изображения; изображение ориентировано в соответствии с кодировкой или в соответствии с другими значениями свойств CSS.

from-image

Начальное значение по умолчанию. Информация EXIF, содержащаяся в изображении, используется для соответствующего поворота изображения.

image-orientation: none; не отменяет ориентацию изображений незащищенного происхождения, закодированную их информацией EXIF, из соображений безопасности.

Поддержка браузерами

Ссылки

• Свойство image-orientation ^{MDN (рус.)}
• CSS Images Module Level 3 ^{Spec (англ.)}

Комментарии