Syntax error How to set outline color with JavaScript?

How to set outline color with JavaScript?

To set outline color, use the outlineColor property in JavaScript. You can try to run the following code to learn how to implement outlineColor property −

Example

Live Demo 
<!DOCTYPE html>
<html>
   <head>
      <style>
      #box {
         border: 2px solid red;
      }
      </style>
   </head>
   
   <body>
      <div id = "box">
         Demo Content
      </div>
      <br>
      
      <button type = "button" onclick = "display()">Change outline color</button>
      <script>
         function display() {
            document.getElementById("box").style.outlineColor = "#FF5733";
            document.getElementById("box").style.outline = "2px solid";
         }
      </script>
   </body>
</html>
Updated on: 2019-07-30T22:30:21+05:30

510 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements