Try it Editor: The outline-color Property

Edit This Code :

<!DOCTYPE html>
<html>
<head>
<style>
h2 {
    outline-style: solid;
    outline-color: coral;
}

div.a {
    outline-style: solid;
    outline-color: coral;
}

div.b {
    border: 1px solid black;
    outline-style: solid;
    outline-color: coral;
}
</style>
</head>
<body>
<h1>The outline-color Property</h1>

<h2>A heading with a colored outline</h2>

<div class="a">The outline-color can be specified with a color name.</div>
<br>

<div class="b">Notice that the outline is outside of any border.</div>

<p><strong>Note:</strong> The outline-color property does not work if it is used alone. Use the outline-style property to set the outline first.</p>
</body>
</html>
Result :