English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
вырезать элемент. Единственно верные значения формы: rect(верх, правый, низ, левый). В них, верх и низ указывают смещение от верхнего края рамки, а правый и левый указывают смещение от левого края рамки. Верх, правый, низ и левый могут иметь значения длины или auto. Допускаются отрицательные значения длины.
clip CSS свойство определяет область вырезания для элементов абсолютной привязки. Но еслиoverflowЕсли свойство установлено в значение visible, то оно не будет работать.
Таблица ниже предоставляет инструкции по использованию и историю версий этого свойства, а также грамматику использования в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Применяется к: | Элементы с абсолютной позиционировкой |
| Наследование: | Нет |
| Анимировано: | Да.Просмотрите свойства анимации. |
| Версия: | CSS 2, 3 |
| JavaScript грамматика: | object.style.clip="rect(0px,50px,50px,0px)" |
Предупреждение:Не используйте это свойство, так как с CSS3 оно устарело и было удалено из будущих версий.尽管某些 браузеры могут все еще поддерживать его.
Грамматика этого свойства такова:
clip: shape | auto | initial | inherit
Ниже приведен пример того, как использовать свойство clip.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}Проверьте, ›‹Таблица ниже описывает значения этого свойства.
| Значения | Описание |
|---|---|
| shape | Обрезать элемент. Единственно эффективная форма значения - rect(top, right, bottom, left). Здесь, верх и низ указывают смещение от верхнего края рамки, а правый и левый указывают смещение от левого края рамки. top, right, bottom и left могут иметь значений длины или auto. Разрешены отрицательные значения длины. |
| auto | Элемент не обрезается. Это значение по умолчанию. |
| initial | Установите этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства clip родительского элемента. |
Совместимость браузеров clip свойства, числа в таблице ниже представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Узнайте подробнее в следующих руководствах:CSS позиция,CSS переливы,CSS отображение.
Связанные свойства:position,display,overflow,overflow-x,overflow-y.