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.


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

Live Demo

<!DOCTYPE html>
      <button onclick="display()">Set border</button>
      <div id="box">
         <p>Demo Text</p>
         <p>Demo Text</p>
         function display() {
            document.getElementById("box").style.border = "thick dashed #000000";