English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS 배경-color 속성 사용 방법 및 예제

CSS 배경-color 속성은 요소의 배경색을 설정합니다. 색상 값이나 키워드 'transparent'를 사용하여 배경색을 설정할 수 있습니다.

요소의 배경은 요소의 총 크기이며, 채우기와 경계선(اما 마진을 포함하지 않습니다)을 포함합니다. 참조박스 모델

아래 표는 이 속성의 사용 시나리오와 버전 역사를 요약합니다.

기본 값:transparent
적용:모든 요소
상속:아니요
애니메이션 가능:네.참조하세요 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:    
object    object.style.backgroundColor="#00FF00"

배경-color 사용 문법

이 속성의 문법은 다음과 같습니다:

배경-color: color | transparent | initial | inherit

아래 예제는 background를 사용하는 방법을 보여줍니다.-color 속성.

body { background-color: yellow;}
h1 {background-color: rgb(255,0,0);}
p {background-color: #00ff00;}
테스트해 보세요‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다.

설명
color배경색을 지정합니다. 확인하세요CSS 색상 값가능한 색상 값 목록을 가져오기 위해 설정합니다.
transparentbackground 설정-color이 투명, 즉 투명 배경 아래의 요소의 내용과 배경이 보입니다. 이는 기본 값입니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 background를 사용합니다.-color 속성의 계산 값.

브라우저 호환성

배경-color 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • 오페라 3。5+

더 읽기

다음 강의를 참조하세요:CSS 배경CSS3배경

관련 속성:배경배경-attachment배경-clip배경-image배경-origin배경-position배경-repeat배경-size