свойство 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. На данный момент свойство поддерживается во всех основных браузерах.

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

• Спецификация стандарта CSS 3