Hier bist Du: Home « Positionieren « clip

Ausschnitte: clip

Beispiel

Du kannst den sichtbaren Ausschnitt eines Bereichs mit clip festlegen, ohne die Abmessungen des Bereichs zu verändern.

<style type="text/css">
.examplediv
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
 }
#divid
{
 position:absolute;visibility:hidden;
 left:450px; top:350px; width:300px; height:150px;
 clip:rect(50px 100px 130px auto);
}
</style>

<body>

  <div id="divid" class="examplediv">
  ...
  </div>
Initialwert:auto
Vererbbar:Nein
Anwendbar auf:Positionierte Elemente
Medium:Visual
Werte:
rect()
Legt einen rechteckigen Ausschnitt fest. In Klammern folgen dann vier Werte. Erlaubt sind positive und negative numerische Angaben oder auto für eine automatische Festlegung (Du kannst auch 0 verwenden).
Der 1. Wert bezeichnet oben und der 3. Wert unten. Jeweils an der oberen Bereichsgrenze gemessen.
Der 2. Wert bezeichnet rechts und der 4. Wert links. Jeweils an der linken Bereichsgrenze gemessen.

Beispiel

An der Grafik kannst du erkennen, dass der zweite Wert größer als der vierte und dass der dritte Wert größer als der erste sein muss, damit überhaupt ein sichtbarer Ausschnitt dargestellt wird.Sollte der definierte Bereich überhaupt nicht mehr zusehen sein, kann es daran liegen, dass der Wert für oben größer als der Wert für unten oder der Wert für links größer als der Wert für rechts ist.

Inherit
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 8+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
rect() j j j j n n n j n j j j j j j