[DOM_Style] JS - borderBottomWidth 속성 - 테두리하단두께 (= 하단테두리두께 = 보더바텀위드스 = borderBottomWidth속성) (상속 X)

borderBottomWidth 예제

 

<style>

#hz {border: 1px solid red;}

</style>

<div id="hz">홈짱닷컴 Homzzang.com</div>

<button type="button" onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  document.getElementById("hz").style.borderBottomWidth = "10px";

}

</script>

결과보기

borderBottomWidth 정의 

 

요소의 아래쪽 테두리 너비 설정/반환.

 

---

 

1.

기본값: medium

반환값: border-bottom-width 속성값을 나타내는 문자열

CSS속성: border-bottom-width
CSS버전: CSS1

2.

IE4 이상 모든 브라우저 지원. 

 

borderBottomWidth 구문 

 

[접근]

object.style.borderBottomWidth 

 

[설정]

object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"

 

---

 

[속성값]

 

thin

얇은 테두리.

 

medium

중간두께 테두리. 기본값

 

thick

두꺼운 테두리.

 

length

길이 단위 가진 테두리 너비 (예: px, cm 등)

 

initial

이 속성의 기본값으로 설정.

 

inherit

부모요소의 속성값 상속.