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