©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS Outline</title>
	<style>
		p { border: 1px solid black; }
		p.none { border-style: none; }
		p.good { outline: 3px solid teal; }
		p.wrong { outline: 5px teal; }
	</style>
</head>

<body>

	<h1>외곽선의 스타일 변경</h1>
	<p class="good">outline-style 속성을 설정한 단락입니다.</p>
	<p class="wrong">outline-style 속성을 설정하지 않은 단락입니다.</p>
	<p class="none">외곽선의 축약 표현시에는 반드시 outline-style 속성이 먼저 설정되어 있어야 제대로 표현됩니다!</p>
	
</body>

</html>