январь 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 - fit-position.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Свойство fit-position применяется ко всем элементам на страницах сайта, значение fit-position не наследуется от родительского элемента в ДОМ. Определяет выравнивание объекта внутри коробки. На данный момент свойство fit-position поддерживается во всех основных браузерах.
Свойство fit-position сообщают браузеру о том, как масштабировать изображение, если его ширина или высота не задана явно. Свойство fit может принимать одно из следующих четырех значений: fill, none, meet и slice. По умолчанию берется значение свойства fill; это значение сообщает браузеру, что объект следует масштабировать в соответствии с размерами содержащего его блока. Значение nоnе отменяет все действия по масштабированию и изображение остается в неизменном виде. Значение свойства meet указывает, что объект должен быть масштабирован, но в отличие от fill сохраняет неизменным коэффициент сжатия( отношение размеров по горизонтали и по вертикали).
Значение свойства slice изменяет размер изображения, чтобы оно заполняло блок, но при этом сохраняет коэффициент сжатия.
Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство fit-position, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.
Синтаксис:
fit-position: fill| none| meet| slice;
Пишем программу -
< style>
#rr {
fit-position:slice;
}
< /style>
< img id="rr" src="../oboi/2014g.gif" alt="Картина">
Результат программы:
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
с ранним добрым утром!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|