clip

Оновлено: 21.12.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