clip
Поддержка браузерами
| 12.0+ | 8.0+ | 1.0+ | 1.0+ | 7.0+ | 1.0+ |
Описание
CSS свойство clip указывает размеры абсолютно позиционированного элемента, в пределах которого содержимое будет видимым, после этого элемент обрезается по указанным размерам формы и затем отображается.
Свойство clip не работает с элементами, для которых свойство overflow задано со значением visible.
| Значение по умолчанию: | auto |
|---|---|
| Применяется: | к абсолютно позиционированным элементам |
| Анимируется: | да |
| Наследуется: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.clip="rect(0px,50px,50px,0px)" |
Синтаксис
clip: auto|форма|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| форма | Обрезает элемент. Единственное корректное значение: rect (верх, право, низ, лево) |
| auto | Обрезка не будет применяться. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
clip:
Результат:
Измените значение для просмотра результата.
CSS Код:
div#myBox {
position: absolute;
background-color: yellow;
width: 100px;
clip: auto;
}
position: absolute;
background-color: yellow;
width: 100px;
clip: auto;
}