스타일 borderBottomColor 속성
예시
<div> 요소의 하단 테두리 색상을 빨간색으로 변경합니다.
document.getElementById("myDiv").style.borderBottomColor = "red";
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
borderBottomColor 속성은 요소의 아래쪽 테두리 색상을 설정하거나 반환합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
borderBottomColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
통사론
borderBottomColor 속성을 반환합니다.
object.style.borderBottomColor
borderBottomColor 속성을 설정합니다.
object.style.borderBottomColor = "color|transparent|initial|inherit"
속성 값
Value | Description |
---|---|
color | Specifies the color of the bottom border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the bottom border is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 현재 색상 |
---|---|
반환 값: | 요소의 아래쪽 테두리 색상을 나타내는 String |
CSS 버전 | CSS1 |
더 많은 예
예시
<div> 요소의 하단 테두리 색상을 반환합니다.
alert(document.getElementById("myDiv").style.borderBottomColor);
관련 페이지
CSS 튜토리얼: CSS 테두리
CSS 참조: border-bottom-color 속성
HTML DOM 참조: 테두리 속성