Перейти к содержанию

image-orientation

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

Демо

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

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
/* 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, из соображений безопасности.

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

Data on support for the css-image-orientation feature across the major browsers from caniuse.com

Ссылки

Комментарии