Style borderLeft 속성

정의 및 사용법

borderLeft 속성은 간단한 형식으로 설정하거나 반환하여 최대 세 가지 단일 왼쪽 경계선 속성을 설정할 수 있습니다。

이 속성을 통해 다음 중 하나 또는 여러 가지를 설정/반환할 수 있습니다（순서는 상관없음）：

추가로 참조하십시오：

CSS 교본：CSS 테두리

CSS 참조 매뉴얼：border-left 속성

HTML DOM 참조 매뉴얼：border 속성

예제

예제 1

<div> 요소에 왼쪽 경계선을 추가합니다：

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

직접 테스트하기

예제 2

<div> 요소의 왼쪽 경계선의 너비, 스타일 및 색상을 변경합니다：

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

직접 테스트하기

예제 3

<div> 요소의 border-left 속성 값을 반환합니다：

alert(document.getElementById("myDiv").style.borderLeft);

직접 테스트하기

문법

borderLeft 속성을 반환합니다：

object.style.borderLeft

borderLeft 속성을 설정합니다：

object.style.borderLeft = "width style color|initial|inherit"

속성 값

값 설명
width 왼쪽 경계선의 너비를 설정합니다。
style 왼쪽 경계선의 스타일을 설정합니다。
color 왼쪽 경계선의 색상을 설정합니다。
initial。 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 지정되지 않음
반환 값： 문자열로, 요소의 왼쪽 경계선의 너비, 스타일 및/또는 색상을 나타냅니다。
CSS 버전： CSS1

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원