18. Вырезание области (CLIP)


Свойство clip применяется только к позиционированным элементам со свойством position: absolute. Область вырезки представляет собой прямоугольник, который привязан к левому верхнему углу абсолютно позиционированного элемента. Для определения вырезки используется следующая запись значений свойства clip:

clip: rect (top right bottom left)

Аргументы top, right, bottom, left задают координаты прямоугольника вырезки. Допускаются отрицательные значения аргументов top и left. Ну а теперь чтобы лучше все понять, рассмотрим примеры. Продемонстрируем все на этой картинке.



Из этого кода
<img src="Imag1.BMP" style="position: absolute; top: 500px; left: 0; height: auto; clip: rect (50 180 130 90)">

получится, что от картинки останется только паучок.







Если вам угодно, чтобы какая-нибудь координата области вырезки совпадала с координатой позиционированного элемента, установите для нее значение auto.

.: CONTENTS :.

Гостевая книга

Учебник по CSS. Справочник. Для чайников.

(назад) - Размещение текстовых блоков в документе

(вперед) - Обработка содержания за пределами видимой области элемента (OVERFLOW)






  Яндекс.Метрика
Hosted by uCoz