clip_click.aspx font size:
C# source: clip_click.aspx   center.js   
View Sample
<html>
<head>
<title>Abakada CSS Demo: clip Attribute</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
#theImg {
   position: absolute; visibility: hidden;
   left: 0; top: 0; width: 200; height: 200; cursor: hand }   
-->
</style>

<script language="JavaScript" src="center.js"></script>
</head>

<body onload="center ( 'theImg', 0, 25 )" onresize="setTimeout ( redraw, 1000 )">
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada CSS Demo: clip Property</h2></div>
<hr size=1 width=92%>

<center>

<p id="msg">This example uses inline event handlers to dynamically <b>clip</b> and restore an image.<br>
   Click to clip the bottom left of the image. Double-click to reset. </p>

<img id="theImg" src="../shared/images/samp13.jpg" 
   height=200 width=200 border=0 alt="" 
   onclick="this.style.clip='rect ( auto auto 100 100 )'" 
   ondblclick="this.style.clip='rect ( auto )'">

<div style="height=200"><!-- spacer --></div>

</center>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>