CSS clip Свойство
Пример
Обрезать изображение:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Определение и использование
Что произойдет, если изображение больше содержащего его элемента?
Свойство clip
позволяет указать прямоугольник для обрезки абсолютно позиционированного элемента. Прямоугольник задается как четыре координаты, все из верхнего левого угла элемента, который необходимо обрезать.
Примечание: Свойство clip
не работает, если "переполнение: видимый".
Значение по умолчанию: | auto |
---|---|
Inherited: | no |
Animatable: | yes. Читайте о animatable |
Version: | CSS2 |
Синтаксис JavaScript: | object.style.clip="rect(0px,50px,50px,0px)" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Свойство | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
Синтаксис CSS
clip: auto|shape|initial|inherit;
Значения свойств
Значение | Описание | |
---|---|---|
auto | Отсечение не будет применено. Это значение по умолчанию | |
shape | Клипы элемента. Единственным допустимым значением является: Rect (top, right, bottom, left) | |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Позиционирование
HTML DOM Справочник: clip Свойство