The outline-color property sets the color for an outline around an element.
color − Any valid color value.
invert − The outline performs a color inversion of the area where it is drawn.
All the HTML elements.
object.style.outlineColor = "red";
Here is the example −
<html> <head> </head> <body> <p style = "outline-width:thin; outline-style:solid;outline-color:red"> This text is having thin solid red outline. </p> <br /> <p style = "outline-width:thick; outline-style:dashed;outline-color:#009900"> This text is having thick dashed green outline. </p> <br /> <p style = "outline-width:5px;outline-style:dotted;outline-color:rgb(13,33,232)"> This text is having 5x dotted blue outline. </p> </body> </html>
This will produce following result −