Style borderLeftStyle 속성

정의와 사용법

borderLeftStyle 요소의 왼쪽 경계선 스타일을 설정하거나 반환합니다.

다른 참조서를 참조하세요:

CSS 강의:CSS 테두리

CSS 참조서:border-left-style 속성

HTML DOM 참조서:border 속성

예제

예제 1

<div> 요소에 실체 왼쪽 테두리를 추가합니다:

document.getElementById("myDiv").style.borderLeftStyle = "solid";

직접 테스트해 보세요

예제 2

<div> 요소의 왼쪽 테두리 스타일을 "dotted"으로 변경합니다:

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

직접 테스트해 보세요

예제 3

이 <div> 요소의 왼쪽 테두리 스타일을 반환합니다:

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

직접 테스트해 보세요

예제 4

모든 다른 값을 보여주는 데 사용됩니다:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

직접 테스트해 보세요

문법

borderLeftStyle 속성을 반환합니다:

object.style.borderLeftStyle

borderLeftStyle 속성을 설정합니다:

object.style.borderLeftStyle = value
값 설명
none 테두리를 정의합니다. 기본값.
hidden "none"과 동일하지만, 테이블 요소의 테두리 충돌을 해결하는 경우 제외됩니다.
dotted 점 테두리를 정의합니다.
dashed 점선 테두리를 정의합니다.
solid 실체 테두리를 정의합니다.
double 두 개의 테두리를 정의합니다. 두 개의 테두리의 너비는 border-width 값과 동일합니다.
groove 3D 그로브 테두리를 정의합니다. 효과는 border-color 의 값.
ridge 3D 라이드 테두리를 정의합니다. 효과는 border-color 의 값.
inset 3D inset 테두리를 정의합니다. 효과는 border-color 의 값.
outset 3D outset 테두리를 정의합니다. 효과는 border-color 의 값.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값: none
반환 값: 문자열로, 요소 왼쪽 테두리 스타일을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원