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

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

984 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements