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

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

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

Определение и использование. Свойство clip клип позволяет указать прямоугольник, обрезать абсолютным позиционированием элемента. Прямоугольник представляет собой четыре координаты, все из верхнего левого угла элемента должны быть обрезанными. Внимание!!! Свойство clip клип не работает при переполнении: visible.

По простому говоря, свойство clip задает размеры абсолютно позиционированного элемента, в пределах которого содержимое выбранного тега будет видимым, после этого выбранный элемент обрезается по указанным размерам формы и только потом будет отображается.

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


Синтаксис:

           clip: auto|shape|initial|inherit;

Описание и Использование

Значение по умолчанию: auto
наследует: нет
анимируемых: да
Версия: CSS2
JavaScript синтаксис: object.style.clip="rect(0px,50px,50px,0px)"


Свойства Значения

Значение Описание
auto Отсечение не будет применяться. Это значение установлено по умолчанию
shape Клипы элемента. Единственное допустимое значение: rect( top, right, bottom, left)
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


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

< !DOCTYPE>
< html>
< head>
< style>
img 
{
position:absolute;
clip:rect(0px,80px,220px,0px);
}
< /style>
< /head>
< body>
< img src="../oboi/2014a.gif" width="120" height="160" />
< /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
... ... ...

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

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