Атрибут Style clip

Определение и использование

clip Настройка или возврат той части расположенного элемента, которая видима.

См. также:

Урок CSS:Позиционирование CSS

Руководство по CSS:Атрибут clip

Пример

Пример 1

Обрезать изображение до заданной формы:

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

Попробуйте сами

Пример 2

Вернуть атрибут clip:

alert(document.getElementById("myImg").style.clip);

Попробуйте сами

Синтаксис

Вернуть атрибут clip:

object.style.clip

Установить атрибут clip:

object.style.clip = "auto|rect(top right bottom left)|initial|inherit"

Значение атрибута

Значение Описание
auto По умолчанию. Не обрезать элемент.
rect(top right bottom left) Форма обрезки определяется четырьмя координатами.
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Дефолтное значение: Нет
Возврат значения: Строка, представляющая видимую часть элемента позиционирования.
Версия CSS: CSS2

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка