clip

Свойство 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.

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

См. также