How to set border width, border style, and border color in one declaration with JavaScript?

To set the border width, style, and color in a single declaration, use the border property in JavaScript.

Example

You can try to run the following code to learn how to set border in JavaScript −

Live Demo

<!DOCTYPE html> <html>    <body>       <button onclick="display()">Set border</button>       <div id="box">          <p>Demo Text</p>          <p>Demo Text</p>       </div>       <script>          function display() {             document.getElementById("box").style.border = "thick dashed #000000";          }       </script>    </body> </html>
Updated on: 2020-06-23T11:06:22+05:30

992 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements