Перейти к справке CSSimg { position:absolute; clip:rect(0px,60px,200px,0px);
}
Описание и использование
Что произойдет, если изображение больше, чем содержащий его элемент? Свойство CSS clip позволяет указать вам видимые размеры абсолютно позиционированного элемента, та часть элемента, которая не попадет в видимую область, не будет видна.
Заметка: Свойство clip не работает, если свойство overflow имеет значение visible.
| Значение по умолчанию | auto |
|---|---|
| Наследование | нет |
| Версия CSS |
CSS 2 |
| Синтаксис JavaScript | object.style.clip=»rect(0px,50px,50px,0px)» |
Поддержка в браузерах
Свойство clip поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Возможные значения свойства clip
| Значение | Описание |
|---|---|
| shape | Отсекает лишние части элемента. Единственное возможное значение: rect (top, right, bottom, left) — прямоугольник (верх, право, низ, лево) |
| auto | Элемент отображается полностью. Значение по умолчанию |
| inherit | Значение наследуется от родительского элемента |
Связанные страницы
Учебник CSS: Позиционирование в CSS