최신 웹 개발 튜토리얼
 

Style borderLeftStyle Property

<스타일 개체

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

document.getElementById("myDiv").style.borderLeftStyle = "solid";
»그것을 자신을 시도

정의 및 사용

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


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 없음
반환 값 : 요소의 왼쪽 테두리의 스타일을 나타내는 문자열
CSS 버전 CSS1

더 예

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;
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 국경

CSS 참조 : border-left-style property

HTML DOM 참조 : border property


<스타일 개체