border-style

보더의 스타일을 지정합니다. 스타일 값을 1~4개 까지 지정할 수 있으며, 하나만 지정한 때에는 테두리 전체에 동일한 스타일이 적용되고, 두 개를 지정한 때에는 상하와 좌우에 각각 지정됩니다. 3개의 값을 지정한 경우에는 위, 좌우, 아래에 나누어 지정되고, 4개의 값을 지정한 때에는 위쪽부터 시계방향으로 각각 지정됩니다.
border-top-style, border-right-style, border-bottom-style, border-left-style에 대한 단축형 프로퍼티입니다.

CSS Level

CSS 1, CSS 2, CSS 3

상속

아니오

기본값

none

사용법

border-style: solid;

object.style.borderStyle = "dotted double"

속성

none

테두리 없음

hidden

테두리 숨김

dotted

점으로 표시

dashed

점선으로 표시

solid

실선으로 표시

double

두 줄로 표시

groove

오른쪽 아래에서 빛을 받은 모양으로 표시

ridge

왼쪽 위에서 빛을 받은 모양으로 표시

inset

안쪽으로 들어간 모양으로 표시

outset

바깥쪽으로 나온 모양으로 표시