январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
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="Картина">
Результат программы:
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
спокойной поздней ночи!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|