tas2580
Blog über Webentwicklung

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.