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
부모요소의 속성값 상속.
주소 복사
랜덤 이동