clip

Обновлено: 26.05.2022

clip

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

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

Данное свойство устарело, вместо него используйте clip-path.

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

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам
Анимируется Да

Синтаксис

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

Значения

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

Рис. 1. Значения свойства clip

Пример

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

Объект.style.clip

Примечание

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

clip: rect(40px auto auto 40px)

Браузеры

clip

Посмотреть совместимость на Can I use?

clip