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.

Поддержка браузеров

Свойство clip поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

CSS-свойство text-align-last

Указывает, как выравнивается последняя строка блока или строка непосредственно перед принудительным разрывом строки

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.