Style -Clip- Eigenschaft
Beispiel
Schneiden Sie ein Bild in eine bestimmte Form:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Definition und Verwendung
Die Clip-Eigenschaft legt fest oder gibt zurück, welcher Teil eines positionierten Elements sichtbar ist.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
Syntax
Gibt die Clip-Eigenschaft zurück:
object.style.clip
Legen Sie die Clip-Eigenschaft fest:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der den sichtbaren Teil eines positionierten Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Gibt die Clip-Eigenschaft zurück:
alert(document.getElementById("myImg").style.clip);
Verwandte Seiten
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: Clip-Eigenschaft
❮ Style-Objekt