Live Demo: Example of CSS border-top-style property

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Example of CSS border-top-style property</title>
    <style>      
		p {
			border-top-width: 3px;
		}
		p.none {
			border-top-style: none;
		}
		p.dotted {
			border-top-style: dotted;
		}
		p.dashed {
			border-top-style: dashed;
		}
		p.solid {
			border-top-style: solid;
		}
		p.double {
			border-top-style: double;
		}
		p.groove {
			border-top-style: groove;
		}
		p.ridge {
			border-top-style: ridge;
		}
		p.inset {
			border-top-style: inset;
		}
		p.outset {
			border-top-style: outset;
		}
    </style>
</head>
<body>
    <h1>Various border style.</h1>
    <p class="none">No top border.</p>
    <p class="dotted">A dotted top border.</p>
    <p class="dashed">A dashed top border.</p>
    <p class="solid">A solid top border.</p>
    <p class="double">A double top border.</p>
    <p class="groove">A groove top border.</p>
    <p class="ridge">A ridge top border.</p>
    <p class="inset">An inset top border.</p>
    <p class="outset">An outset top border.</p>
</body>
</html>