English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS 배경-color 속성은 요소의 배경색을 설정합니다. 색상 값이나 키워드 'transparent'를 사용하여 배경색을 설정할 수 있습니다.
요소의 배경은 요소의 총 크기이며, 채우기와 경계선(اما 마진을 포함하지 않습니다)을 포함합니다. 참조박스 모델。
아래 표는 이 속성의 사용 시나리오와 버전 역사를 요약합니다.
기본 값: | transparent |
---|---|
적용: | 모든 요소 |
상속: | 아니요 |
애니메이션 가능: | 네.참조하세요 애니메이션 속성。 |
버전: | CSS 1,2,3 |
JavaScript 문법: | object object.style.backgroundColor="#00FF00" |
이 속성의 문법은 다음과 같습니다:
배경-color: color | transparent | initial | inherit
아래 예제는 background를 사용하는 방법을 보여줍니다.-color 속성.
body { background-color: yellow;} h1 {background-color: rgb(255,0,0);} p {background-color: #00ff00;}테스트해 보세요‹/›
아래 표는 이 속성의 값을 설명합니다.
값 | 설명 |
---|---|
color | 배경색을 지정합니다. 확인하세요CSS 색상 값가능한 색상 값 목록을 가져오기 위해 설정합니다. |
transparent | background 설정-color이 투명, 즉 투명 배경 아래의 요소의 내용과 배경이 보입니다. 이는 기본 값입니다. |
initial | 이 속성을 기본 값으로 설정합니다. |
inherit | 지정된 경우, 관련 요소는 부모 요소의 background를 사용합니다.-color 속성의 계산 값. |
배경-color 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.
|
관련 속성:배경,배경-attachment,배경-clip,배경-image,배경-origin,배경-position,배경-repeat,배경-size。