• Главное
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

Ссылки на каскадные стили CSS - image-orientation.

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

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство image-orientation, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.

Синтаксис:

          image-orientation: auto|<angle>|inherit|    

Пишем программу:

 < style>
 #rr {
	 image-orientation: 45deg;
	 }
 < /style> 
 < img id="rr" src="../oboi/2014g.gif" alt="Картина">                   

Результат программы: