Live Demo: CSS border-style Property

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS border-style Property</title>
<style> 
 p { 
 border-width: 15px;
 background: yellow;
 padding: 20px;
 margin: 20px;
 }
 p.none {
 border-style: none;
 }
 p.hidden {
 border-style: hidden;
 }
 p.dotted {
 border-style: dotted;
 }
 p.dashed {
 border-style: dashed;
 }
 p.solid {
 border-style: solid;
 }
 p.double {
 border-style: double;
 }
 p.groove {
 border-style: groove;
 }
 p.ridge {
 border-style: ridge;
 }
 p.inset {
 border-style: inset;
 }
 p.outset {
 border-style: outset;
 }
</style>
</head>
<body>
 No border.
 Hidden border.
 A dotted border.
 A dashed border.
 A solid border.
 A double border.
 An inset border.
 An outset border.
 A groove border.
 A ridge border.
</body>
</html>