'clip' Example : clip « CSS Attributes and Javascript Style Properties « HTML CSS Reference






  1. HTML CSS Reference
  2. CSS Attributes and Javascript Style Properties
  3. clip

'clip' Example

    
<html>
<body>
<img id="myImg" 
     src="yourimage.gif" 
     height="80" 
     width="120" 
     border="0" 
     style="position:absolute;top:200px;left:375px">
    <center>
        <button onclick="myImg.style.clip='rect(25px auto auto auto)'">
            Applying top value
        </button>
        <button onclick="myImg.style.clip='rect(auto 100px auto auto)'">
            Applying right value
        </button>
        <button onclick="myImg.style.clip='rect(auto auto 60px auto)'">
            Applying bottom value
        </button>
        <button onclick="myImg.style.clip='rect(auto auto auto 50px)'">
            Applying left value
        </button>
        <button style="position:absolute;top:250px;left:450px" 
                onclick="myImg.style.clip='rect(auto)'">Restore image</button>
</body>
</html>








Related examples in the same category

1.'clip' Syntax and Note
2.'clip' Possible Values
3.'clip' is applied to