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

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

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

Свойство crop позволяет заменить элемент на прямоугольную область объекта, а не весь объект на страницах сайта. Свойство crop добавляет шаг при определении собственных размеров элемента - компьютерная внутренняя ширина и высота будут введены. Когда макет алгоритма обращается к ссылке "внутренней ширины", тогда имеют в виду внутренние вычисляемые поля ширины и высоты. Вычисляемые внутренняя ширина и высота элемента являются результатом применения значений к фактическим внутренним ширине и высоте элемента.

Внимание!!! Свойство crop не влияет на масштабирование, растягивание листов или позиционирование заменяемого элемента на страницах сайта. Свойство crop просто позволяет использовать часть заменяемого элемента на месте самого элемента для всех намерений и целей.

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


Синтаксис:

        crop: shape|auto|rect(top,right,bottom,left)|inset-rect(top,right,bottom,left);    

rect(сверху, справа, снизу, слева) - Каждый из четырех аргументы могут быть < длина> или < процент>. Все процентные значения вычисляются относительно собственных размеров элемента, если он существует. Значения смещения относительно верхнего левого элемента. Вычисляемые внутренняя ширина и высота элемента определяются путем вычитания влево от правой ширины, а так же сверху снизу высоты. Однако, если по результатам расчетов получается отрицательное значение, то оно считается равным нулю.

inset-rect( сверху, справа, снизу, слева) - Как rect(), за исключением того, что значения смещения относительно соответствующих краев элемента.


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

< !DOCTYPE>
< html>
< head>
< style>
.ror { crop: rect(50px, 195px, 165px, 120px); }
< /style>
< /head>
< body>
< p>Вот, Дед Мороз:
< img src="http://seosait21.ru/oboi/2014a.gif" alt="Дед Мороз">
< p>И вот он как эскиз:
< img src="http://seosait21.ru/oboi/2014a.gif" alt="копия Деда Мороза">
< /body>
< /html>                      

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

Вот, Дед Мороз: Дед Мороз

И вот он как эскиз: копия Деда Мороза



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
... ... ...

обратно на главную     назад    дальше     вперед

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