CSS border-left-width 속성

정의와 사용법

border-left-width 속성은 요소의 왼쪽 경계선의 너비를 설정합니다.

경계선 스타일이 none가 아니라면만 작동합니다. 경계선 스타일이 none라면 경계선 너비는 실제로 0으로 재설정됩니다. 음수 길이 값을 지정할 수 없습니다.

주석:border-left-width 속성을 선언하기 전에 항상 border-style 속성을 선언해야 합니다. 요소가 경계선을 얻기 전까지는 경계선의 너비를 변경할 수 없습니다.

다른 것을 참조하십시오:

教程:CSS 경계선

참조:CSS border-left 속성

참조:HTML DOM borderLeftWidth 속성

예제

왼쪽 경계선의 너비 설정:

p
  {
  border-style:solid;
  border-left-width:15px;
  }

직접 테스트해 보세요

CSS 문법

border-left-width: medium|thin|thick|length|initial|inherit;

속성 값

값 설명
두꺼운 왼쪽 경계선을 정의합니다. slim
medium 기본 값. 중간 너비의 왼쪽 경계선을 정의합니다.
thick 두꺼운 왼쪽 경계선을 정의합니다.
length 왼쪽 경계선의 너비를自定义할 수 있습니다.
inherit 부모 요소에서 경계선 너비를 상속해야 합니다.

기술 세부 사항

기본 값: medium
상속성: no
버전: CSS1
JavaScript 문법: object.style.borderLeftWidth="thick"

더 많은 예제

왼쪽 경계선의 너비 설정
이 예제에서는 왼쪽 경계선의 너비를 설정하는 방법을 보여줍니다.

브라우저 지원

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

Chrome IE / Edge Firefox Safari 오페라
1.0 4.0 1.0 1.0 3.5

주석:IE7 및 이전 버전의 브라우저는 "inherit" 값을 지원하지 않습니다. IE8은 !DOCTYPE가 필요합니다. IE9는 "inherit"를 지원합니다.