본문 바로가기

웹표준/CSS

border-top-style, border-right-style, border-bottom-style, border-left-style 속성

border-top-style, border-right-style,

 border-bottom-style, border-left-style

기능 테두리 선 스타일
문법 CSS : {border-top-style: Property} {border-right-style : Property} {border-bottom-style : Property} {border-left-style : Property}
JS : object.style.border-top= 'Property'  object.style.border-right= 'Property'  object.style.border-bottom= 'Property'  object.style.border-left = 'Property'

 none : 기본값 기본 적용(테두리를 적용 하지 않습니다.)
 dashed : 대쉬(-) 모양의 테두리를 적용 합니다.
 dotted : 점선(.) 모양의 테두리를 적용 합니다.
 double : 두개의 테두리를 적용 합니다.
 groove : 홈 모양의 3D 효과를 적용 합니다.
 inset : 안으로 들어간 형태의 3D 효과를 적용 합니다.
 outset : 밖으로 나온 형태의 3D 효과를 적용 합니다.
 ridge : 테두리가 돌출되어 3D 효과를 적용 합니다.
 solid : 일반 선으로 테두리를 적용 합니다

적용대상 모든요소   (요소 종류: inline, block, text)
상속 X   (관련자료)
미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4)
미디어 visual  (미디어 종류: visual, aural, interactive, paged)
퍼센테이지 X   (관련자료)
CSS CSS1 CSS2
예제
결과