Style borderLeftStyle Property

추가 "solid" A를 왼쪽 경계를 <div> 요소 :

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

정의 및 사용

borderLeftStyle의 속성 집합 또는 요소의 왼쪽 테두리의 스타일을 반환합니다.

borderLeftStyle 속성은 모든 주요 브라우저에서 지원됩니다.

borderLeftStyle 속성을 반환합니다 :

object .style.borderLeftStyle

borderLeftStyle 속성을 설정 :

object .style.borderLeftStyle= 속성 값

값	기술
none	테두리를 정의합니다. 이 기본이다
hidden	동일 "none" 표 요소에 대한 국경 분쟁 해결을 제외하고,
dotted	점선 테두리를 정의합니다
dashed	점선 테두리를 정의합니다
solid	고체 경계를 정의
double	이 테두리를 정의합니다. 두 테두리의 폭은 폭 경계 값과 동일
groove	3 차원 홈 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다
ridge	3 차원 산마루 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다
inset	3 차원 삽입의 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다
outset	3 차원 초기 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다
initial	기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit	부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

a의 왼쪽 테두리의 스타일 변경 <div> 요소에 "dotted" :

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

a의 왼쪽 테두리 스타일로 돌아 <div> 요소를 :

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

모든 다른 값의 데모 :

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