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

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

"clip" Example

    
<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>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/clip&oldid=4812»