Свойство clip - это мощный инструмент для точной «нарезки» контента. Оно позволяет определить строгие границы видимой области абсолютно позиционированного элемента. Всё, что выходит за пределы заданных координат, просто исчезает из поля зрения пользователя, создавая эффект аккуратного обрезания по форме. Важно помнить: этот механизм категорически не работает с элементами, у которых установлено значение overflow: visible. В таком случае попытка применить clip будет просто проигнорирована браузером! | Значение по умолчанию: | auto |
|---|
| Наследуется: | нет |
|---|
| Версия: | CSS2 |
|---|
| Синтаксис JavaScript: | object.style.clip="rect(0px,50px,50px,0px)" |
|---|
Доступные значения и их особенности| Значение | Что делает |
|---|
форма | Прямо-таки обрезает элемент. Единственный корректный синтаксис здесь - rect (верх, право, низ, лево). Это и есть ваш главный инструмент контроля. | auto | По умолчанию. Обрезка не применяется, контент отображается в полном объеме. | inherit | Свойство наследует значение от родительского элемента. Удобно для единообразия стилей в структуре документа. |
Практический пример:
|