CSS Borders Style for individual sides Example

<!Doctype HTML>
<html>
	<head>
		<title>CSS Borders Style for individual sides</title>
		<style>
			.one{border-style: dashed; tex-align: center; border-width: thick;padding: 10px; margin: 10px;}
			.two{border-style: dashed dotted; border-color: Crimson Blue; tex-align: center; border-width: thick;padding: 10px; margin: 10px;}
			.three{border-style: solid dashed dotted; border-color: Green Red Cyan; tex-align: center; border-width: thick;padding: 10px; margin: 10px;}
			.four{border-style: double solid dashed dotted; border-color: #000 #f3f #03d #15d; tex-align: center; border-width: thick;padding: 10px; margin: 10px;}
		</style>
	</head>
	<body>
		<h2>CSS borders style for individual sides</h2>
		Below are four types to specify border style.
		<p class="one">dashed</p>
		<p class="two">dashed dotted</p>
		<p class="three">solid dashed dotted</p>
		<p class="four">double solid dashed dotted</p>
	</body>
</html>