©TCP-tryWWW

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

<head>
	<meta charset="UTF-8">
	<title>CSS3 Borders</title>
	<style>
		#p_01 {
			padding: 20px;
			border: 20px solid transparent;
			-webkit-border-image: url(/examples/images/img_css3_pattern.png) 34 round stretch;
			-moz-border-image: url(/examples/images/img_css3_pattern.png) 34 round stretch;
			-o-border-image: url(/examples/images/img_css3_pattern.png) 34 round stretch;
			border-image: url(/examples/images/img_css3_pattern.png) 34 round stretch;
		}
	</style>
</head>

<body>

	<h1>수직 테두리와 수평 테두리의 스타일 설정</h1>
	<p id="p_01">수평 테두리는 반복으로, 수직 테두리는 늘리는 거로 설정했어요!</p>
	<p><br>위에서 사용한 원본 이미지는 다음과 같습니다.</p>
	<img src="/examples/images/img_css3_pattern.png">

</body>

</html>