Style borderBottomStyle 속성
- 이전 페이지 borderBottomRightRadius
- 다음 페이지 borderBottomWidth
- 上一层으로 돌아가기 HTML DOM Style 객체
정의와 사용법
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"을 지원합니다。
- 이전 페이지 borderBottomRightRadius
- 다음 페이지 borderBottomWidth
- 上一层으로 돌아가기 HTML DOM Style 객체