Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM 스타일 borderLeftStyle 속성

<시간/>

borderLeftStyle 속성은 요소의 왼쪽 테두리 스타일을 설정하거나 반환하는 데 사용됩니다.

다음은 −

의 구문입니다.

borderLeftStyle 속성 설정하기 -

object.style.borderLeftStyle = value

위의 속성은 다음과 같이 설명됩니다 -

설명
없음 테두리를 지정하지 않는 기본값입니다.
숨김 "없음"과 동일하지만 여전히 테두리 공간을 차지합니다. 기본적으로 투명하지만 여전히 존재합니다.
점선 점선 테두리를 정의합니다.
파선 이것은 파선 테두리를 정의합니다.
단단함 단색 테두리를 정의합니다.
이중 이는 이중 테두리를 정의합니다.
3D 홈 테두리를 정의하며 능선의 반대입니다.
릿지 이것은 3D 융기된 테두리를 정의하며 홈의 반대입니다.
삽입 이것은 3D 삽입 테두리를 정의하고 효과가 포함된 것처럼 보입니다. 처음과 반대의 효과를 냅니다.
시작 이 속성을 초기 값으로 설정합니다.
초기 이 속성을 초기 값으로 설정합니다.
상속 상위 속성 값을 상속하려면

borderLeftStyle 속성의 예를 살펴보겠습니다 -

예시

<!DOCTYPE html>
<html>
<head>
<style>
   #DIV1{
      width:300px;
      height:100px;
      border-left: 8px solid dodgerblue;
      border-left-style: groove;
   }
</style>
<script>
   function changeLeftStyle(){
      document.getElementById("DIV1").style.borderLeftStyle="dashed";
      document.getElementById("Sample").innerHTML="The left border style is now changed";
   }
</script>
</head>
<body>
<div id="DIV1">SOME SAMPLE TEXT</div>
<p>Change the above div left border style size by clicking the below button</p>
<button onclick="changeLeftStyle()">Change Left Style</button>
<p id="Sample"></p>
</body>
</html>

출력

HTML DOM 스타일 borderLeftStyle 속성

"왼쪽 스타일 변경" 버튼을 클릭하면 -

HTML DOM 스타일 borderLeftStyle 속성