[CSS] outline

border

border 속성은 테두리 속성을 일괄적으로 설정합니다.

---

border

border 속성은 테두리 속성을 일괄적으로 설정합니다.

특징	설명
기본 값	border-width : medium border-style : none border-color : currentColor border-image : none border-radius :0
적용	border
버전	CSS1

정의(Definition)

• border 속성은 테두리 속성을 일괄적으로 설정합니다.

테두리와 관련된 속성(Border Related Properties)

• border-width는 테두리 두께 속성을 설정합니다.
• border-style는 테두리 스타일 속성을 설정합니다.
• border-color는 테두리 색 속성을 설정합니다.
• border-image는 테두리 이미지 속성을 설정합니다.
• border-radius는 모서리 굴곡을 설정합니다.
• outline는 아웃라인의 속성을 설정합니다.

문법(Syntax)

border: border-color | border-style | border-width | inherit;

/* border-color */
border : red;

/* border-style | border-color */
border : dashed #f00;

/* border-color | border-style | border-width */
border : red solid 1px;

속성(Property)

속성값	설명
border-width	테두리 두께 속성을 설정합니다.
border-style	테두리 종류를 설정합니다.
border-color	테두리 색을 설정합니다.
border-image	테두리 이미지를 설정합니다
border-radius	테두리 굴곡을 설정합니다.

예제1(Sample)

border 속성을 설정하는 예제입니다.

border : 1px solid #4390e1; border : dashed #4390e1; border : #4390e1 solid 10px;

HTML

CSS

SCRIPT

//Javascript none

호환성(Compatibility)

						6	7	8	9	10	11
border	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능	사용가능

---