Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Ссылки на каскадные стили 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="Картина">                   

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

Картина


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: