border-left-style

정의 및 사용

border-left-style 속성은 지정된 요소의 왼쪽 부분의 테두리 스타일을 지정한다.

정의 및 사용
기본값 없음
상속 no
버전 CSS1
자바스크립트 구문 object.style.borderLeftStyle=”dotted”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
none 테두리 없음
hidden table 요소를 위한 border 영역을 제외하고는 none 과 같다.
dotted 도트(점선) 테두리 지정
dashed 대시 기호(-) 테두리 지정
solid 일반적인 라인 테두리 지정
double 두 줄로 테두리 지정
groove groove 는 홈이란 뜻으로 움푹 파인 효과를 가진 테두리를 지정
ridge ridge 는 산등성이처럼 솟은 부분이란 뜻으로 해당 요소가 위로 올라온 것 같은 효과를 가진 테두리를 지정
inset top(상)-left(좌) 테두리가 진하게 표시되어 요소가 안으로 들어간 느낌을 지정(border-style에서 확인 가능)
outset right(우)-bottom(하) 테두리가 진하게 표시되어 요소가 밖으로 나온 느낌을 지정(border-style에서 확인 가능)
inherit 지정 요소의 왼쪽 테두리 스타일을 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글