Atrybut Style clip

Definicja i użycie

clip Ustawienie lub zwrócenie części elementu wyciętego przez lokalizację.

Zobacz również：

Tutorial CSS：Współrzędne CSS

Podręcznik CSS：Atrybut clip

Przykład

Przykład 1

Wytnij obraz do określonego kształtu：

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

Spróbuj sam

Przykład 2

Zwróć atrybut clip：

alert(document.getElementById("myImg").style.clip);

Spróbuj sam

Gramatyka

Zwróć atrybut clip：

object.style.clip

Ustawienie atrybutu clip：

object.style.clip = "auto|rect(top right bottom left)|initial|inherit"

Wartość atrybutu

Wartość Opis
auto Domyślnie. Nie tnij elementu.
rect(top right bottom left) Wytnij kształt zdefiniowany przez cztery współrzędne.
initial Ustawienie tego atrybutu na jego wartość domyślną. Zapoznaj się z initial。
inherit Dochodzi do atrybutu z elementu nadrzędnego. Zapoznaj się z inherit。

Szczegóły techniczne

Domyślna wartość： Brak
Zwrócona wartość: Ciąg znaków reprezentujący widoczny obszar elementu.
Wersja CSS: CSS2

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie