CSS3 Border-top-style Property example

Write code here

J | B | A

<!DOCTYPE html>
<html>
	<head>
		<title>Demo</title>
	</head>
<body>
	<style>
 p {
 border:solid;
 }
 .class1 {border-top-style:dashed;}
 .class2 {border-top-style:double;}
 .class3 {border-top-style:groove;}
 .class4 {border-top-style:hidden;}
 .class5 {border-top-style:inset;}
 .class6 {border-top-style:none;}
 .class7 {border-top-style:outset;}
 .class8 {border-top-style:ridge;}
 .class9 {border-top-style:solid;}
</style>

TechFunda with Dashed top border.
 TechFunda with Double top border. 
 TechFunda with groove top border.
 TechFunda with Hidden top border.
 TechFunda with Inset top border.
 TechFunda with No top border.
 TechFunda with Outset top border.
 TechFunda with Ridge top border.
 TechFunda with Solid top border.
</body>
</html>

Note: We DO NOT save your trial code in our database.

CSS3 > Border-Top-Style Property

Write code here

Output