Properties

Properties

Draft
  • account_tree
  • bug_report

background-color

선택자를 갖는 요소에 배경색을 적용한다.

설정 가능한 속성 값

  • transparent기본값키워드CSS1

    기본값으로 배경을 투명하게 처리한다.

  • color색상값CSS1

    Hexadecimal(16진수 값), RGB, HSL 모드의 색상, 그리고 미리 정의된 웹브라우저에서 사용 가능한 색상 명을 설정할 수 있다. RGB의 경우는 rgb() 함수와 투명도 설정이 가능한 rgba() 함수를 사용하며 HSL의 경우에는 hsl() 함수와 투명도 설정이 가능한 hsla() 함수를 사용한다.

  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • background-color color or transparent or initial;기본형식CSS1

    16진수 컬러코드, 색상 명, RGB, HSL 값으로 배경 색으로 적용할 수 있으며 투명을 적용할 수도 있다. RGB의 경우 rgb() 함수를 이용하며 투명도를 적용하고자 하는 경우에는 rgba() 함수를 사용한다. 색조, 채도, 명도를 이용한 방식으로 색상을 지정하고자 하는 경우에는 hsl() 함수를 이용하며 투명도를 적용하고자 하는 경우에는 hsla() 함수를 사용한다.

  • background-color #FFFF00;사용 예CSS1
    요소의 배경색을 노랑색으로 설정한다.
  • object.style.backgroundColor="#FFFF00";자바스크립트 형식CSS1

    자바스크립트 형식으로 요소의 배경색을 노란색으로 설정한다.

기술 문서

일반적으로 16진수 색상 코드(Hexadecimal), rgb 함수, 투명도를 적용할 수 있는 rgba 함수를 사용하여 배경색을 적용한다. 컬러 명도 사용할 수 있지만 일반적으로 사용되지 않는다.

body {
  background-color: #EAEAEA;
}
p {
  background-color: rgb(255,0,255);
}
h1 {
  background-color: green;
}

 

지원 웹브라우저