Свойство клипа стиля
Пример
Обрежьте изображение до указанной формы:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Определение и использование
Свойство clip задает или возвращает видимую часть позиционированного элемента.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство клипа:
object.style.clip
Установите свойство клипа:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
Значения свойств
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | авто |
---|---|
Возвращаемое значение: | Строка, представляющая видимую часть позиционированного элемента. |
CSS-версия | CSS2 |
Дополнительные примеры
Пример
Вернуть свойство клипа:
alert(document.getElementById("myImg").style.clip);
Связанные страницы
Учебное пособие по CSS: CSS-позиционирование
Справочник по CSS: свойство clip
❮ Объект стиля