Style borderBottomWidth 속성

정의와 사용법

borderBottomWidth 요소 아래 경계선의 너비를 설정하거나 반환합니다。

다른 참조도 참조하십시오：

CSS 가이드：CSS 테두리

CSS 참조 가이드：border-bottom-width 속성

HTML DOM 참조 가이드：border 속성

예제

예제 1

<div> 요소 아래 경계선의 너비를 10px로 변경합니다：

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

직접 시도해 보세요

예제 2

<div> 요소 아래 경계선의 너비를細하게 설정합니다：

document.getElementById("myDiv").style.borderBottomWidth = "thin";

직접 시도해 보세요

예제 3

반환 <div> 요소 아래 경계선의 너비：

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

직접 시도해 보세요

문법

borderBottomWidth 속성 반환：

object.style.borderBottomWidth

borderBottomWidth 속성 설정：

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

속성 값

값 설명
thin 細い 경계선을 정의합니다。
medium 중간 경계선을 정의합니다. 기본 값.
thick 두꺼운 경계선을 정의합니다。
length 길이로 계산된 경계선 너비。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： medium
반환 값： 문자열로, 요소 아래 경계선의 너비를 나타냅니다。
CSS 버전： CSS1

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다。

Chrome Edge Firefox Safari 오퍼라
Chrome Edge Firefox Safari 오퍼라
1.0 4.0 1.0 1.0 3.5