Style borderBottomColor 속성

정의와 사용법

borderBottomColor 요소 아래 테두리의 색상을 설정하거나 반환합니다.

추가 참조:

CSS 강의:CSS 경계선

CSS 참조 매뉴얼:border-bottom-color 속성

HTML DOM 참조 매뉴얼:border 속성

예제

예제 1

<div> 요소의 아래 테두리 색상을 빨간색으로 변경합니다:

document.getElementById("myDiv").style.borderBottomColor = "red";

직접 시험해보세요

예제 2

<div> 요소의 아래 테두리 색상을 반환합니다:

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

직접 시험해보세요

문법

borderBottomColor 속성 반환:

객체.style.borderBottomColor

borderBottomColor 속성 설정:

객체.style.borderBottomColor = "색상|투명|기본|상속"

속성 값

값 설명
색상

아래 테두리의 색상을 정의합니다. 기본值为黑色.

보기 CSS 색상 값، 가능한 색상 값의 전체 목록을 확인하십시오.
투명 아래 테두리 색상 투명(밑의 내용이 투명하게 나타납니다).
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값: 블랙
반환 값: 문자열로, 요소 아래 테두리의 색상을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

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

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