clip

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Свойство

clip

определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник. Все остальное остается только в мечтах.

clip

работает только для абсолютно позиционированных элементов.

Краткая информация:
Значение по умолчанию: auto
Наследуется:Нет
Применяется:К блочным элементам
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/visufx.html#propdef-clip

Синтаксис CSS свойства:

clip: rect(Y1, X1, Y2, X2) | auto | inherit

Значения CSS свойства:

В качестве значений используется расстояние от края элемента до области вырезки, которое задается в единицах CSS — пикселы (px), em и др. Если край области нужно оставить без изменений, следует установить auto, положение остальных значений показано на рис. 1.

Рис. 1. Значения параметра clip


Объектная модель CSS свойства:

[window.]document.getElementById("elementID").style.clip

Особенности отображения в браузерах:

Internet Explorer до версии 7.0 включительно работает с другой формой записи, при которой значения координат разделяются между собой пробелом, а не запятой — clip: rect(40px auto auto 40px). Также Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU