CSS-свойство clip

CSS-свойство clip определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано (не будет показываться).

Работает для позиционированных элементов; свойство не сработает, если для overflow установлено значение visible.

Значение по умолчанию:	`auto`
Применяется к:	Абсолютно-позиционированные элементы
Наследование:	Нет
Анимирование:	Да. Анимируемые свойства
Версия:	CSS 2, 3

Не используйте это свойство, поскольку оно устарело в CSS3 и будет удалено в будущей версии, хотя некоторые браузеры могут его еще поддерживать.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

clip: shape | auto | initial | inherit

Примеры написания кода свойства clip:

img {
    position: absolute;
    clip: rect(0px,50px,200px,10px);
}

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

В следующей таблице описаны значения этого свойства.

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