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
바깥쪽으로 나온 모양으로 표시


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.