CSS border-left-color 속성

정의와 사용법

border-left-color은 요소의 왼쪽 경계선의 색상을 설정합니다.

단색만 정의할 수 있으며, 경계선 스타일이 none 또는 hidden이 아닌 값일 때만 경계선이 나타날 수 있습니다.

주석:border-style 속성은 항상 border-color 속성보다 먼저 선언해야 합니다. 요소는 색상을 변경하기 전에 경계선을 얻어야 합니다.

다른 것을 참조하십시오:

CSS 강의:CSS 테두리

CSS 참조 설명서:border-left 속성

HTML DOM 참조 설명서:borderLeftColor 속성

实例

왼쪽 경계선의 색상을 설정하십시오:

p
  {
  border-style:solid;
  border-left-color:#ff0000;
  }

亲自试一试

CSS 문법

border-left-color: color|transparent|initial|inherit;

속성 값

값 설명
color_name 색상 이름을 가진 색상 값을 가진 경계선 색상을 정의합니다(예: red).
hex_number 16진수 값을 가진 색상 값을 가진 경계선 색상을 정의합니다(예: #ff0000).
rgb_number rgb 코드의 색상 값을 가진 경계선 색상을 정의합니다(예: rgb(255,0,0)).
transparent 기본 값. 경계선 색상은 투명합니다.
inherit 부모 요소에서 경계선 색상을 상속해야 합니다.

기술 세부 사항

기본 값: 미정의
상속성: no
버전: CSS1
JavaScript 문법: object.style.borderLeftColor="blue"

更多实例

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

브라우저 지원

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

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5

주석:Internet Explorer 6( 및 이전 버전)는 "transparent" 속성 값을 지원하지 않습니다.

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

" -->