Nhấn
CTRL + SPACE
để xem gợi ý code
Xem kết quả
Thuộc tính visibility trong CSS
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Học CSS toidicode.com</title> </head> <style type="text/css" media="screen"> div{ background-color: gray; width: 100%; height: 70px; margin-top: 2px; } table{ background-color: orange; width: 250px; padding: 10px; visibility: visible; } </style> <body> <span> <input type="radio" name="visibility" value="visible" onclick="changeProperties(this)" checked=""> visible <input type="radio" name="visibility" value="hidden" onclick="changeProperties(this)"> hidden <input type="radio" name="visibility" value="collapse" onclick="changeProperties(this)"> collapse </span> <table border="1"> <thead> <tr> <th>Website</th> <th>Author</th> </tr> </thead> <tbody> <tr> <td><a href="https://toidicode.com" title="toidicode.com">Toidicode.com</a></td> <td>Vu Thanh Tai</td> </tr> </tbody> </table> <script type="text/javascript"> function changeProperties(el) { document.getElementsByTagName('table')[0].style.visibility = el.value; } </script> </body> </html>
