English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS의 border-bottom-color 속성은 단독으로 요소의 아래 테두리 색상을 설정하는 데 사용됩니다. 하지만 실제 작업에서는 border 테두리 약자 속성을 사용하는 것이 일반적입니다. 즉,border-color또는border-bottom테두리 스타일이나 색상을 설정하려면 사용합니다.
아래 표는 이 속성의 사용 상황과 버전 이력을 요약합니다.
| 기본 값: | color속성 값 |
|---|---|
| 적용: | 모든 요소 |
| thừa kế: | 아니요 |
| 애니메이션 가능: | 네.참조: 애니메이션 속성。 |
| 버전: | CSS 1，2，3 |
| JavaScript 문법: | object object.style.borderBottomColor="red" |
이 속성의 문법은 다음과 같습니다:
border-bottom-color: color | transparent | inherit
아래 예제는 border를 사용하는 방법을 보여줍니다.-bottom-color 속성.
p {
border-style: solid;
border-bottom-color: #ff0000;
}테스트를 보세요‹/›주의:CSS border-bottom-color 속성 전声明border-style이 속성을 설정하려면, 요소가 테두리를 가지고 있어야 하며, 테두리의 색상을 설정할 수 있습니다.
아래 표는 이 속성의 값을 설명합니다.
| 값 | 설명 |
|---|---|
| 색상 | 위쪽 테두리의 색상을 지정합니다. 보기:CSS 색상 값가능한 색상 값 목록을 얻기 위해 사용합니다. |
| transparent | 빈 테두리를 허용하되, 그럼에도 불구하고 공간을 차지할 수 있습니다.border-width속성 설정 공간. |
| initial | 이 속성을 기본 값으로 설정합니다. |
| inherit | 지정된 경우, 관련 요소는 부모 요소의 border를 사용합니다.-bottom-color 속성의 계산 값. |
border-bottom-color 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.
|
교육자료 참조:CSS Border，CSS3 Border。
관련 속성:border，border-color，border-bottom，border-bottom-style，
border-bottom-width。