Nhấn
CTRL + SPACE
để xem gợi ý code
Xem kết quả
Thuộc tính clip trong CSS.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Toidicode.com học CSS</title> <style type="text/css" media="screen"> p{position: relative;} img{ position: absolute; clip: auto; } </style> </head> <body> <p>Click để bật tắt clip <button type="button" onclick="toggleClip()">Click</button></p> <img src="https://toidicode.com/front-end/imgs/logo/logo-75.png" alt="logo"> <script type="text/javascript"> function toggleClip() { var el = document.getElementsByTagName('img')[0] ; if (el.style.getPropertyValue('clip') == 'auto') { el.style.clip = 'rect(0px,40px,70px,0px)'; } else { el.style.clip = 'auto'; } } </script> </body> </html>
