예
다른 요소의 배경 색상을 설정합니다 :
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
}
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
배경색 속성은 요소의 배경색을 설정한다.
요소의 배경 패딩과 경계를 포함하는 요소의 전체 크기 (but not the margin) .
Tip: 배경 색상과 텍스트를 읽기 쉽게 텍스트 색을 사용합니다.
기본값: | transparent |
---|---|
상속 : | no |
애니메이션 : | yes. Read about animatable Try it |
번역: | CSS1 |
자바 스크립트 구문 : | object .style.backgroundColor="#00FF00" Try it |
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
재산 | |||||
---|---|---|---|---|---|
background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
background-color:color|transparent|initial|inherit;
속성 값
값 | 기술 | 플레이 |
---|---|---|
color | 배경 색상을 지정합니다. 봐 CSS 색상 값 가능한 색상 값의 전체 목록. | »플레이 |
transparent | 배경색이 투명해야 함을 지정합니다. 이 기본이다 | »플레이 |
initial | 기본값으로이 속성을 설정합니다. 초기에 대해 알아보기 | »플레이 |
inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
더 예
관련 페이지
CSS 자습서 : CSS 배경
HTML DOM 참조 : backgroundColor property