Warning: Undefined array key "StartingPoint" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 107 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 115 Warning: Undefined variable $WEB_ROOT in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Cannot modify header information - headers already sent by (output started at /customers/f/f/0/safaribears.de/httpd.www/content.php:107) in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 118 Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /customers/f/f/0/safaribears.de/httpd.www/content.php on line 169 CSS Tutorial - Dimensions - clip

Hand in hand with overflow: goes clip:. It also works with block level elements.

With clip one can define how much of an element gets clipped. The element has to have the overflow property set to something else than 'visible'. Also I noticed that the position property has to be set to: position:absolute;

<div style="position:absolute; overflow:hidden; clip:rect(20px, 400px, 50px, 15px); border:solid 2px; ">
<img style="" src="africa-landscape.gif" alt="" width="430" height="60" />
</div>
clip:rect(20px, 400px, 50px, 15px);

has these parameters: clip:<shape>(<top>, <right>, <bottom>, <left>), where <top> and <bottom> specify offsets from the top border edge of the box, and <right>, and <left> specify offsets from the left border edge of the box in left-to-right text and from the right border edge of the box in right-to-left text. Authors should separate offset values with commas.

The only shape that is working right now is 'rect'.