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.
Приклад
Об'єктна модель
Об'єкт.style.clip
Примітка
Internet Explorer до версії 7 включно працює з іншою формою запису, за якої значення координат розділяються між собою пропуском, а не комою.
clip: rect(40px auto auto 40px)