border 속성

개요

border 속성을 이용하면 태그에 테두리를 지정 할 수 있다.

border 은 두께, 종류, 색상의 복합적인 특성을 가지므로 이 세 속성을 모두 정의해 주어야 한다.

border-width두께로, "3px" 등의 크기로 지정하며

border-style선 종류로 "solid", "dashed", "dotted" 등으로 지정하며

border-color색상으로 style의 color, background-color 처럼 지정한다.

이 셋을 따로 지정하지 않고 border 속성에 한꺼번에 표시할 수도 있다.

띄어쓰기를 구분으로 두께, 종류, 색상을 순서대로 쓴다.

사용법

#box{border:4px dotted green; border-bottom:5px solid blue }

예제

<html>
<head>
<style>
	#box{border:4px dotted green; border-bottom:5px solid blue }
</style>
</head>

<body>
	 <div id="box">Simple Border Test</div>
</body>
</html>
출력 결과:
Simple Border Test