속성

형식

{ border-color:[색상명 | 색코드]{1,4} }

테두리 색상을 한꺼번에 설정

{ border-top-color:색상명 | 색코드 }

위쪽 테두리의 색상 설정

{ border-bottom-color:색상명 | 색코드 }

아래쪽 테두리의 색상 설정

{ border-left-color:색상명 | 색코드 }

왼쪽 테두리의 색상 설정

{ border-right-color:색상명 | 색코드 }

오른쪽 테두리의 색상 설정

속성

형식

{ border-style:속성값{1,4} }

테두리 스타일을 한꺼번에 설정

{ border-top-style:속성값 }

테두리 위쪽 스타일 설정

{ border-bottom-style:속성값 }

테두리 아래쪽 스타일 설정

{ border-left-style:속성값 }

테두리 왼쪽 스타일 설정

{ border-right-style:속성값 }

테두리 오른쪽 스타일 설정

속성

형식

{border-width:[thin | medium | thick | 길이]{1,4}}

테두리두께를 한꺼번에 설정

{border-top-width:thin | medium | thick | 길이}

테두리 위쪽 두께 설정

{border-bottom-width:thin | medium | thick | 길이}

테두리 아래쪽 두께 설정

{border-left-width:thin | medium | thick | 길이}

테두리 왼쪽 두께 설정

{border-left-width:thin | medium | thick | 길이}

테두리 오른쪽 두께 설정

속성

형식

{ border:테두리 두께 색상스타일}

테두리 일괄 설정

{ border-top:테두리두께색상스타일}

위쪽 테두리 일괄 설정

{ border-bottom:테두리두께색상스타일}

아래쪽 테두리 일괄 설정

{ border-left:테두리두께색상스타일}

왼쪽 테두리 일괄 설정

{ border-right:테두리두께색상스타일}

아래쪽 테두리 일괄 설정

속성

형식

none

스타일을 사용하지 않으며, border-width의 값은 0이 된다.

dotted

점선으로 표현된다.

dashed

굵은 점선으로 표현된다.

solid

실선으로 표현된다.

double

이중 실선으로 표현된다.

groove

오목하게 들어간 액자 테두리 모양으로 표현된다.

ridge

볼록하게 나온 액자 테두리 모양으로 표현된다.

inset

내용이 잠긴 느낌의 입체선 모양으로 표현된다.

outset

내용이 튀어나온 느낌의 입체선 모양으로 표현된다.