Назад
Главная
Вперед
   
   
Меню
Рекламма


clip

hr

Свойство clip применяется для указания области элемента, которая должна отображаться на странице. Части элемента, выходящие за эту область, не будут видны. В настоящее время для отображаемой области можно задать только прямоугольную форму. Свойство применимо для абсолютно позиционированных элементов (position: absolute).

Пример

div {
position: absolute;
clip: rect(35px, 130px, 95px, 70px);
}

 

 

 

 

Возможные значения


rect (Y1,X1,Y2,X2)В настоящее время форма области может быть только прямоугольная. Она задается 4мя координатами:

  • Y1 - расстояние от верхнего края элемента до начала области отображения по вертикали,
  • Y2 - расстояние от верхнего края элемента до конца области отображения по вертикали,
  • X1 - расстояние от левого края элемента до конца области отображения по горизонтали,
  • X2 - расстояние от левого края элемента до начала области отображения по горизонтали.

Если край элемента нужно оставить без изменений - вместо координаты используем значение auto.

Пример

div {
position: absolute;
clip: rect(300px, auto, auto, 50px);
}

auto
Свойство clip для элемента не применяется.
inherit
Заимствует значение свойства у родительского элемента.


Характеристики

Значение по умолчанию: auto

Применяется: Для всех элементов, у которых значение position равно absolute.

Наследуется: Нет


См. также
overflow
position

 

 

 

 

 

 
   
   



   
© 2008-2011 Права на материалы. Использование материалов в любом виде ссылка на http://css-mydreamweaver.narod.ru обязательна.
 Все о лохотроне
   
    Счетчик  
  Скачать Dreamweaver CS 5  
     
  Скачать Dreamweaver CS 5, теги HTML, стили CSS  
     




Хостинг от uCoz