HTML/CSS/CSS Attributes and Javascript Style Properties/clip

Материал из Web эксперт
Перейти к: навигация, поиск

"clip" Example

   <source lang="html4strict">

<html> <body> <img id="myImg" 

    src="http://www.wbex.ru/style/logo.png" 
    height="80" 
    width="120" 
    border="0" 
    style="position:absolute;top:200px;left:375px">

       <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> 


     </source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/clip&oldid=4813»