Właściwość CSS clip

Definicja stylu, przeznaczenie i użycie clip

Właściwość clip umożliwia określenie prostokąta do przycięcia elementu pozycjonowanego absolutnie. Prostokąt jest określony jako cztery współrzędne, wszystkie z lewego górnego rogu elementu, który ma zostać przycięty.

Uwaga: Właściwość klipu nie działa, jeśli z właściwością CSS overflow:visible.

Uwaga: właściwość clip jest przestarzała i zostanie w przyszłości zastąpiona właściwością clip-path.

Wartości właściwości clip

Składnia CSS clip

clip: auto | shape | initial | inherit;

Wsparcie przeglądarek dla właściwości clip

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
clip	1.0	8.0	1.0	1.0	7.0

Przykładowe zastosowania z właściwością clip

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

div#myBox {
  position:absolute;
  background-color:yellow;
  width:100px;
  clip:auto;
}

Przykłady właściwości clip

clip: rect(0px,60px,200px,0px);

clip: rect(20px, 240px, 180px, 80px);