CSS border-left-style 속성

정의와 사용법

border-left-style은 요소의 왼쪽 경계선 스타일을 설정합니다.

이 값이 none이 아니라면 경계선이 나타날 수 있습니다.

CSS1에서, HTML 사용자代理는 solid과 none만 지원해야 합니다.

추가 정보:

CSS 강의:CSS 경계선

CSS 참조 가이드:border-left 속성

HTML DOM 참조 가이드:borderLeftStyle 속성

예제

왼쪽 경계선 스타일 설정:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

직접 시도해 보세요

CSS 문법

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

속성 값

값 설명
none 경계선을 정의합니다.
hidden "none"과 같습니다. 그러나 표에 적용되지 않습니다. 표의 경우, hidden이 경계선 충돌을 해결합니다.
dotted 점선 경계선을 정의합니다. 대부분의 브라우저에서 실선으로 표시됩니다.
dashed 점선을 정의합니다. 대부분의 브라우저에서 실선으로 표시됩니다.
solid 실선을 정의합니다.
double 양선을 정의합니다. 양선의 너비는 border-width의 값과 같습니다.
groove 3D grooved 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
ridge 3D ridged 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
inset 3D inset 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
outset 3D outset 경계선을 정의합니다. 효과는 border-color의 값에 따릅니다.
inherit 부모 요소에서 경계선 스타일을 상속해야 합니다.

기술 세부 사항

기본 값: not specified
상속성: no
버전: CSS1
JavaScript 문법: object.style.borderLeftStyle="dotted"

더 많은 예제

왼쪽 경계선 스타일 설정
이 예제에서는 왼쪽 경계선 스타일을 설정하는 방법을 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2