Категория > Справочник CSS > clip
clip21-03-2016, 17:52. Автор: Administrator |
||||||||||||||||||||||||||||||||
Краткая информация
Версии CSS
ОписаниеСвойство clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник. Все остальное остается только в мечтах. clip работает только для абсолютно позиционированных элементов. Синтаксисclip: rect(Y1, X1, Y2, X2) | auto | inherit ЗначенияВ качестве значений используется расстояние от края элемента до области вырезки, которое задается в единицах CSS — пикселы (px), em и др. Если край области нужно оставить без изменений, следует установить auto, положение остальных значений показано на рис. 1.
Рис. 1. Значения свойства clip Пример HTML5CSS2.1IECrOpSaFx
Результат данного примера показан на рис. 2.
Рис. 2. Применение clip в браузере Safari Объектная модель[window.]document.getElementById("elementID").style.clip БраузерыInternet Explorer до версии 7.0 включительно работает с другой формой записи, при которой значения координат разделяются между собой пробелом, а не запятой — clip: rect(40px auto auto 40px). Также Internet Explorer до версии 7.0 включительно не поддерживает значение inherit. Перейти обратно к новости |