Get your own website Result Size: 625 x 565
x
 
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  border-left-style: groove;
  border-left-color: coral;
  border-left-width: 7px;
}
div {
  border-style: solid;
  border-left-style: groove;
  border-left-color: coral;
  border-left-width: 7px;
}
</style>
</head>
<body>
<h1>A heading with a groove left border</h1>
<div>A div element with a groove left border.</div>
</body>
</html>