СSS Свойство clip
Пример
Клип изображение:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Попробуйте сами »
Определение и использование
Что произойдет, если изображение больше, чем содержащего его элемента?
Свойство clip позволяет указать прямоугольник клип абсолютно позиционированного элемента. Прямоугольник определяется как четыре координаты, все из верхнего левого угла элемента, чтобы быть обрезаны.
Примечание: Свойство clip свойство не работает, если "overflow:visible".
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | 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 | Клипы элемента. Единственным допустимым значением является: прямоугольник (top, right, bottom, left) | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Позиция
HTML DOM Справочник: Свойство clip
