Home > Article > Web Front-end > html Style display Property_html/css_WEB-ITnose
<!DOCTYPE html><html><head><style> #myDIV { width: 400px; height: 500px; background-color: lightblue;}</style></head><body><p>Click the "Try it" button to set the display property of the DIV element to "none":</p><button onclick="myFunction()">Try it</button><div id="myDIV">This is my DIV element.</div><p><b>Note:</b> The element will not take up any space when the display property set to "none".</p><script>function myFunction() { document.getElementById("myDIV").style.display = "none";}</script></body></html>