Style borderBottom 속성

정의와 사용법

borderBottom 속성은 간단한 형식으로 설정하거나 반환하여 최대 세 가지单独의 border-bottom 속성을 설정할 수 있습니다.

이 속성을 사용하여 다음 중 하나 이상을 설정하거나 반환할 수 있습니다：（순서无关）

다른 참고 사항：

CSS 강의：CSS 테두리

CSS 참조 매뉴얼：border-bottom 속성

HTML DOM 참조 매뉴얼：border 속성

인스턴스

예제 1

<div> 요소에 아래 경계선을 추가합니다：

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

본인이 직접 시도해보세요

예제 2

<div> 요소의 아래 경계선의 너비, 스타일 및 색상을 변경합니다：

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

본인이 직접 시도해보세요

예제 3

<div> 요소의 border-bottom 속성 값 반환：

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

본인이 직접 시도해보세요

문법

borderBottom 속성 반환：

object.style.borderBottom

borderBottom 속성 설정：

object.style.borderBottom = "width style color|initial|inherit"

속성 값

값 설명
width 아래 경계선의 너비를 설정합니다.
style 아래 경계선의 스타일을 설정합니다.
color 아래 경계선의 색상을 설정합니다.
initial 이 속성을 기본 값으로 설정합니다. 참고하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참고하십시오 inherit。

기술 세부 사항

기본 값： 지정되지 않음
반환 값： 문자열로 표현된 요소의 아래쪽 경계선의 너비, 스타일 및 / 또는 색상을 나타냅니다.
CSS 버전： CSS1

브라우저 지원

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

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
1.0 4.0 1.0 1.0 3.5