CSS - clip
Die clip Eigenschaft gibt ein Rechteck an in dem das Element in absolut positionierten Elementen befestigt wird.
Beispiel
img { clip: rect(0px,60px,200px,0px); }
Definition und Verwendung
Was passiert, wenn ein Bild größer als sein Eltern-Element ist? Mit der clip Eigenschaft kann ein Berech definiert werden in dem das Bild angezeigt wird.
Hinweis: Die clip Eigenschaft funktioniert nicht, wenn overflow:visible
.
- Standard Wert:
- auto
- CSS Version:
- CSS2
- Vererbt sich:
- Nein
- Animierbar:
- Ja
Browser Unterstützung
Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein
Mögliche Werte
Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.
Wert | Beschreibung |
---|---|
auto | Kein Clipping wird angewendet. Dies ist die Standardeinstellung. |
rect (top, right, bottom, left) | Clipping für ein Element. |
initial | Setzt diese Eigenschaft auf den Standardwert. |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |