    .clp { clip: rect(30px, 220px, 270px, 20px)}

    ...
    <img src="loewe.jpg" width="400" height="300" class="clp">

(Der Rahmen rund um das Element wurde aufgezogen, um das Clipping besser zu verdeutlichen.)

    .over { overflow: scroll;
            height: 150px;
            width: 150px; }
    ...
    <div class="over">
      <img src="bilder/loewe.jpg" width="400" height="300">
    </div>

ist das Stylesheet für den umfassenden Containter – in diesem Beispiel ein <div>-Tag. Obwohl das Bild wesentlich größer als der umfassende Block ist, erzwingt `overflow: scroll`, dass die Darstellung des Bildes auf die Größe des umfassenden Blocks beschränkt bleibt und Scrollbalken eingespielt werden, mit denen der zunächst unsichtbare Teil des Bildes betrachtet werden kann.

30 Pixel von oben
270 Pixel bis zur unteren Kante
220 Pixel bis zur rechten Kante
20 Pixel von links

##

## overflow

##

## clip