예
추가 "solid" A를 아래쪽 테두리를 <div> 요소 :
document.getElementById("myDiv").style.borderBottomStyle = "solid"; »그것을 자신을 시도 정의 및 사용
borderBottomStyle의 속성 집합 또는 요소의 아래쪽 테두리의 스타일을 반환합니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
참고 : 값 "hidden" IE7 및 이전 버전에서는 지원되지 않습니다. IE9 이후 지원 "hidden" .
통사론
borderBottomStyle 속성을 반환합니다 :
object .style.borderBottomStyle
borderBottomStyle 속성을 설정 :
object .style.borderBottomStyle= value 속성 값
| 값 | 기술 |
|---|---|
| none | 테두리를 정의합니다. 이 기본이다 |
| hidden | 동일 "none" 표 요소에 대한 국경 분쟁 해결을 제외하고, |
| dotted | 점선 테두리를 정의합니다 |
| dashed | 점선 테두리를 정의합니다 |
| solid | 고체 경계를 정의 |
| double | 이 테두리를 정의합니다. 두 테두리의 폭은 폭 경계 값과 동일 |
| groove | 3 차원 홈 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 |
| ridge | 3 차원 산마루 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 |
| inset | 3 차원 삽입의 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 |
| outset | 3 차원 초기 경계를 정의합니다. 효과는 국경 색상 값에 따라 달라집니다 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 없음 |
|---|---|
| 반환 값 : | 요소의 아래쪽 테두리의 스타일을 나타내는 문자열 |
| CSS 버전 | CSS1 |
더 예
예
a의 아래쪽 테두리의 스타일 변경 <div> 요소에 "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
»그것을 자신을 시도 예
a의 아래쪽 테두리 스타일로 돌아 <div> 요소를 :
alert(document.getElementById("myDiv").style.borderBottomStyle); »그것을 자신을 시도 예
모든 다른 값의 데모 :
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 국경
CSS 참조 : border-bottom-style property
HTML DOM 참조 : border property
<스타일 개체