clip

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Die Eigenschaft clip verringert die Größe des sichtbaren Bereichs eines mit absolute oder fixed positionierten HTML-Elements. Das Element nimmt zwar dieselbe Position auf der Seite ein, ist aber nur in dem angegebenen Bereich sichtbar.

Im Gegensatz zur CSS-Eigenschaft overflow wird nur der sichtbare Bereich (einschließlich aller Box-Elemente) beschrieben. Die Ausdehnung und Position des Elements in der Seitenstruktur wird nicht verändert.

Vererbt: nein

Siehe auch: overflow

Werte

CSS2 erlaubt mit clip nur die Festlegung von rechteckigen Bereichen. Ein Bereich wird anhand eines rect()-Befehls inklusive der vier Seitenkoordinaten definiert:

clip: rect (top right bottom left);

Bei einem Element mit einer Breite von x Pixel und einer Höhe von y Pixel ohne Rahmen oder Innenrand beträgt der Standardwert für den Begrenzungsbereich rect(0px xpx ypx 0). Um von jeder Seite des Bildes zehn Pixel abzuschneiden, genügt ein Wert nach der Formel rect(10px x-10px y-10px 10px).

Der Standardwert auto lässt den Browser den Anzeigebereich des Elements automatisch bestimmen.

Standardwert: auto

Kompatibilität

CSS-Version: 2

Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer ab Version 4, Netscape ab Version 4 und Mozilla. Internet Explorer 4 für Macintosh erzeugt eine fehlerhafte Darstellung. Netscape 4 erzeugt Fehler in der Berechnung der Größe des Scroll-Balkens.

Beispiel

Folgende Stilregel nimmt auf der rechten und auf der linken Seite des Elements mit der ID logo eine Reduzierung des sichtbaren Bereichs um jeweils zehn Pixel vor: