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)