Get your own website Result Size: 625 x 565
x
 
<!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>