logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

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

Wartość Opis
none Wartość domyślna. Pozwala na unoszenie się elementów po obu stronach.
auto Ustawienie domyślne. Obcinanie nie zostanie zastosowane.
shape Przycina element. Jedyna poprawna wartość właściwosci CSS to: rect (top, right, bottom, left)).
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

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ść chrome edge firefox safari opera
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.

Właściwość CSS:
clip:

 
Rezultat:
Pobaw się z różnymi wartościami clip dla tego żółtego elementu DIV.
Kod CSS:
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);

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00