Style borderBottomStyle 속성

정의와 사용법

borderBottomStyle 요소의 아래 경계선 스타일을 설정하거나 반환합니다。

다른 것을 참조하세요:

CSS 강의:CSS 경계선

CSS 참조 설명서:border-bottom-style 속성

HTML DOM 참조 설명서:border 속성

실례

예제 1

를 <div> 요소에 실체적인 아래 경계선을 추가합니다:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

var listValue = selectTag.options[selectTag.selectedIndex].text;

예제 2

를 <div> 요소의 아래 경계선 스타일로 "dotted"로 변경합니다:

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 3

返回

元素的下边框样式:

예제 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

반환 <div> 요소의 아래 경계선 스타일:

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

예제 4
모든 다른 값에 대한 보여주기:

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderBottomStyle = listValue;

직접 테스트해 보세요

.style.borderBottomStyle문법

borderBottomStyle 속성을 반환합니다:

.style.borderBottomStyleborderBottomStyle 속성을 설정합니다: object

.style.borderBottomStyle =

value 속성 값
none
설명 경계선을 정의하지 않습니다. 기본 값.
hidden none과 동일하지만, 테이블 요소의 경계선 충돌을 해결할 때는 제외됩니다.
dashed 점선 경계선을 정의합니다.
solid 실체 경계선을 정의합니다.
double 두 경계선을 정의합니다. 두 경계선의 너비는 border-width의 값과 동일합니다.
groove 3D grooved 경계선을 정의합니다. 효과는 다음에 따라 다릅니다: border-color 의 값.
ridge 3D ridged 경계선을 정의합니다. 효과는 다음에 따라 다릅니다: border-color 의 값.
inset 3D inset 경계선을 정의합니다. 효과는 다음에 따라 다릅니다: border-color 의 값.
outset 3D outset 경계선을 정의합니다. 효과는 다음에 따라 다릅니다: border-color 의 값.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: none
반환 값: 문자열로, 요소의 아래 경계선 스타일을 나타냅니다。
CSS 버전: CSS1

브라우저 지원

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

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
1.0 5.5 1.0 1.0 9.2

주석:IE7 및 이전 버전은 값 "hidden"을 지원하지 않습니다. IE9 및 이후 버전은 "hidden"을 지원합니다。