clip

clip

Свойство clip определяет область позиционированного элемента, в которой будет показано его содержимое. Всё, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственная доступная форма области — прямоугольник.

clip работает только для позиционированных элементов, у которых свойство position задано как absolute или fixed.

Краткая информация

Синтаксис

clip: rect(Y1, X2, Y2, X1) | auto

Значения

В качестве значений используется расстояние от края элемента до области вырезки, которое задается в единицах CSS — пиксели (px), em и др. Если край области нужно оставить без изменений, следует установить auto, положение остальных значений показано на рис. 1.

Пример

Объектная модель

Объект.style.clip

Примечание

Internet Explorer до версии 7 включительно работает с другой формой записи, при которой значения координат разделяются между собой пробелом, а не запятой.

clip: rect(40px auto auto 40px)

Браузеры