Style backgroundColor 속성

정의와 사용법

backgroundColor 요소의 배경색을 설정하거나 반환합니다。

추가 참조하십시오：

HTML 스타일：배경 속성

CSS 강의：CSS 배경

CSS 참조 매뉴얼：background-color 속성

예제

예제 1

문서의 배경색 설정：

document.body.style.backgroundColor = "red";

직접 시도해보세요

예제 2

특정 <div> 요소의 배경색 설정：

document.getElementById("myDiv").style.backgroundColor = "lightblue";

직접 시도해보세요

예제 3

특정 <div> 요소의 배경색 반환：

alert(document.getElementById("myDiv").style.backgroundColor);

직접 시도해보세요

예제 4

문서의 배경색 반환：

alert(document.body.style.backgroundColor);

직접 시도해보세요

문법

backgroundColor 속성 반환：

object.style.backgroundColor

backgroundColor 속성 설정：

object.style.backgroundColor = "color|투명|initial|inherit"

속성 값

값 설명
color

배경색을 정의합니다。

보기 CSS 색상 값가능한 색상 값의 전체 목록을 확인하려면
투명 기본적으로 배경색은 투명합니다（하위 내용이 투명하게 나타납니다）。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 투명
반환 값： 배경색을 나타내는 문자열입니다。
CSS 버전： CSS1

브라우저 지원

backgroundColor CSS1 (1996) 특성입니다。

모든 브라우저는 완전히 지원합니다：

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 지원