свойство image-orientation

Свойство image-orientation устанавливает ориентацию объекта на странице, а в качестве параметра испольузется угол поворота. При использовании данного свойства элемент сначала поворачивается, потом масштабируется, и, наконце, позиционируется, и таким образом, если для элемента указаны высота и/или ширина, то они будут применятся для повернутого объекта, а не к исходному. Данное свойство особенно акутуально для изображений, полученных с помощью различных цифровых устройств (фотоаппараты, мобильные телефоны, сканеры). Поскольку часто устройства захвата изображения не дают возможность автоматически пробразовать изображегние к необходимой ориентации, а просто сохраняют информацию о ориентации, то данное свойство будет полезным для того, чтобы правильно отображать изображения. Это свойство не предназначено для указания других преобразований изображения, таких как отражение изображения в горизонтальном или вертикальном направлении. Кроме того, оно не предназначено для того, чтобы правильно ориентировать изображение при печати в альбомной от портретной ориентации.

Допустимые значения:

  • auto - The image will be set to the orientation of the page.  That is, for a pixelated image consisting of rows and columns of pixels, a row is displayed across the width of the display surface and a column along the height
  • <угол> - A positive value rotates the image to the right (in a clockwise direction) by the given number of degrees. Negative values rotate to the left or in a counter-clockwise direction. Specified values outside the range of ]-360, 360[ degrees are moduloed by 360 to produce a computed value within that range. User agents must support values which compute to 0, 90, 180, and 270 degrees. Support for other values is optional

Свойство image-orientation определено в спецификации CSS 3 модуль Paged Media (носители с постраничным выводом), применяется к изображения, и действует на всех страничные документы носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение auto. На данный момент свойство поддерживается во всех основных браузерах.

Смотри также:

Краткое описание

Синтаксис:

auto | &lt;angle&gt;

По умолчанию:

auto

Применяется к:

изображения

Наследование:

не наследуется

Тип носителя:

страничные документы

Объектная модель документа (DOM):

[элемент].style.image-orientation

Кроссбраузерная совместимость

Internet Explorer

5+

Firefox

2.0+

Chrome

1.0+

Safari

1.0+

Opera

8.5+