Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
  outline-style: groove;
  outline-color: coral;
  outline-width: 7px;
}
div.a {
  outline-style: groove;
  outline-color: coral;
  outline-width: 7px;
}
div.b {
  border: 2px solid blue;
  outline-style: groove;
  outline-color: coral;
  outline-width: 7px;
}
</style>
</head>
<body>
<h1>The outline-style Property</h1>
<h2>A Heading with a groove outline</h2>
<div class="a">A div element with a groove outline.</div>
<br>
<div class="b">Notice that the outline is outside of any border.</div>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_outline-style5 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:37:47 GMT -->
</html>