.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