속성 border-bottom-color
속성 border-bottom-color는
하단 테두리의 색상을 지정합니다. 속성 값으로는
어떤 색상
단위도 사용할 수 있습니다. 기본값: 블록의
텍스트 색상과 동일한 색상.
문법
선택자 {
border-bottom-color: 색상;
}
예제
하단 테두리를 빨간색으로 지정해 봅시다:
<div id="elem"></div>
#elem {
border-bottom-color: red;
border-bottom-width: 1px;
border-bottom-style: solid;
background: #f9f9f9;
width: 300px;
height: 100px;
}
:
관련 항목
-
하단 테두리 유형을 지정하는 속성
border-bottom-style,
-
하단 테두리 두께를 지정하는 속성
border-bottom-width,
-
하단 면의 테두리를 지정하는 속성
border-bottom,
-
모든 면의 테두리 두께를 지정하는 속성
border-width,