Авторский знак. 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


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

Ссылки на каскадные стили CSS - fit-position.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство 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="Картина">                           

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

Картина


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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: