<html>
<head>
<style type="text/css">
img
{
position:absolute;
top:100px;
}
</style>
<script>
function clipImage()
{
document.getElementById("img1").style.clip="rect(0px 75px 75px 0px)";
}
function clearClip()
{
document.getElementById("img1").style.clip="auto";
}
</script>
</head>
<body>
<img id="img1" src="/demo/w3javascript.gif" width="100" height="132">
<input type="button" onclick="clipImage()" value="Clip image">
<input type="button" onclick="clearClip()" value="Unclip image">
</body>
</html>