Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS clip

Перейти к справке CSS

img
{
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)"

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

Chrome Firefox Internet Explorer Opera Safari
Свойство clip поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства clip

Значение Описание
shape Отсекает лишние части элемента. Единственное возможное значение: rect (top, right, bottom, left) — прямоугольник (верх, право, низ, лево)
auto Элемент отображается полностью. Значение по умолчанию
inherit Значение наследуется от родительского элемента

Связанные страницы

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


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта