CSS Referenz clip
Anzeige Hier werben
clip
Werte: rect(), auto
Standardwert: auto
Vererbung: Nein
Kurzschreibweise: keine
Anwendbar auf: Positionierte Elemente
CSS-Level: CSS1, CSS2.1, CSS3
Mit der CSS Eigenschaft clip kann man einen sichtbaren Ausschnitt eines
Bereichs festlegen, ohne die Abmessungen des Bereichs selber zu
verändern. Dass heißt man kann Elemente sozusagen beschneiden.
Werte
auto
Standardwert
rect(w x y z);
w : Abstand von der oberen Kante des umgebenden Elements bis zur oberen Kante des clip
x : Abstand von der linken Kante des umgebenden Elements bis zur rechten Kante
des clip
y : Abstand von der oberen Kante des umgebenden Elements bis zur unteren Kante
des clip
z : Abstand von der linken Kante des umgebenden Elements bis zur linken Kante
des clip
Beispiel
1 2 3 | <div style="background: #CCC url(/static/wmp_box.png); border:1px solid red; position:absolute; left:20px; top:20px; width:200px; height:200px;">ohne clip</div>
<div style="background: #CCC url(/static/wmp_box.png); border:1px solid red; position:absolute; left:240px; top:20px; width:200px; height:200px; clip:rect(50px 100px 100px 50px);">mit clip</div>
|
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "CSS Referenz clip" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz clip" hier bearbeiten.
-
graphic, motion & web design - kernreaktor - mutter kind turnen
-
Student für Interfacedesign auf Diplom im 7 Semester an der Merz-Akademie Stuttgart. Portfolio: Webdesign und Webentwicklung in Stuttgart, Böblingen und Sindelfingen