JavaScript DOM में सभी बॉटम बॉर्डर प्रॉपर्टीज़ को एक घोषणा में कैसे सेट करें?

अवलोकन

borderBottom शॉर्टहैंड प्रॉपर्टी बॉटम बॉर्डर की चौड़ाई, स्टाइल और रंग को एक ही घोषणा में सेट करती है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #box {             border: 2px dashed blue;             width: 120px;             height: 120px;          }       </style>    </head>    <body>       <button onclick="display()">Set border bottom color</button>       <div id="box">          <p>Demo Text</p>          <p>Demo Text</p>       </div>       <script>          function display() {             document.getElementById("box").style.borderBottom = "thin dashed #000000";          }       </script>    </body> </html>