Live Code Editor Version 2.0

css-border-color RUN

<!DOCTYPE html>
<html>
	<head>
		<style>
 p {
 width: 200px;
 }
 p.dotted {border-style: dotted;
 border-width: 10px;
 border-color: red;
 }
			p.dashed {border-style: dashed;
 border-left-width: 20px;
 border-color: yellow;
 }
			p.solid {border-style: solid;
 border-right-width: thin;
 border-left-color: green;
 }
			p.double {border-style: double;
 border-width: thick;
 border-right-color: #23dd45;
 }
			p.groove {border-style: groove;
 border-top-width: thin;
 border-bottom-color: rgb(244,12,211);
 }
			p.ridge {border-style: ridge;
 border-width: 0px;
 
 }
			p.inset {border-style: inset;}
			p.outset {border-style: outset;}
			p.none {border-style: none;
 border-width: 10px;
 }
			p.hidden {border-style: hidden;
 border-width: 20px;
 }
			p.mix {border-style: dotted;}
		</style>
	</head>
	<body>
		 Đây là kiểu dotted.
		 Đây là kiểu border.
		 Đây là kiểu solid.
		 Đây là kiểu double.
		 Đây là kiểu groove.
		 Đây là kiểu ridge.
		 Đây là kiểu inset.
		 Đây là kiểu outset.
		 Đây là kiểu none.
		 Đây là kiểu hidden.
		 Đây là kiểu mixed.
	</body>
</html>