background-color CSS 속성은 엘리먼트의 배경색상을 지정한다. 색상 값이 또는 transparent 키워드를 지정할 수 있다.


background-color: color | inherit

엘리먼트의 배경색상으로 사용할 CSS <color> 를 지정한다. 엘리먼트에 이미 하나 또는 여러개의 투명한 background-image 이 지정 되었다면 이 색상은 투명한 이미지 뒤에 렌더링된다. 


View the live example

.exampleOne {
	background-color: teal;
	color: white;

.exampleTwo {
	background-color: rgb(153,102,153);
	color: rgb(255,255,204);

.exampleThree {
	background-color: #777799;
	color: #FFFFFF;


명세 상태 주석
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation Though technically removing the transparent keyword, this doesn't change anything as it has been incorporated as a true <color>
CSS Level 2 (Revision 1) Recommendation No change.
CSS Level 1 Recommendation  

브라우저 호환성

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (1.7 or earlier) 1.0 4.0 3.5 1.0 (85)
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support 1.0 (1.9.2) (Yes) (Yes) (Yes) (Yes)

더 보기

문서 태그 및 공헌자

최종 변경: teoli,