Properties

Properties

Editing
  • account_tree
  • bug_report

background

요소의 배경과 관련된 모든 속성을 한 번에 설정하는 축약식 속성이다.

설명

CSS3 방식과 그 이전 방식으로 정의가 가능하다. 세부 속성의 작성 순서는 정해져 있지 않다.  세부 속성은 생략될 수 있으며 생략이 된 경우에는 해당 속성의 기본 값으로 설정된다.

CSS3에서는 복수의 배경 설정이 가능해졌으며 <bg-layer> 타입으로 지정이 가능하다.

사용 가능한 값 타입

〈'background'〉

축약형으로 배경을 설정하는 타입을 나타낸다. 콤마로 구분하여 <bg-layer> 타입으로 연속해서 한 개 이상의 배경을 설정한다. 연속된 배경 설정을 포함해서 마지막 설정되는 값은 <final-bg-layer> 타입이어야 한다.

  • [ <bg-layer># , ]? <final-bg-layer>
    CSS Backgrounds and Borders Module Level 3

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

  • 〈bg-layer〉

    배경 레이어가 겹쳐있는 경우 맨 마지막(아래)이(가) 아닌 위치의 배경에 대한 설정 값 타입이다. <'background-color'> 값을 지정할 수 없다.

    • <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>
      CSS Backgrounds and Borders Module Level 3
  • 〈final-bg-layer〉

    배경 레이어가 겹쳐있는 경우 맨 마지막(아래)에 위치할 배경에 대한 설정 값 타입이다. <'background-color'> 값이 지정되어 있다.

    • <'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>
      CSS Backgrounds and Borders Module Level 3

구문

  • background 〈final-bg-layer〉;CSS Backgrounds and Borders Module Level 3
    CSS 3에서 지원하는 속성을 사용하여 설정
  • background 〈bg-layer〉, 〈final-bg-layer〉;CSS Backgrounds and Borders Module Level 3
    CSS 3에서 중복된 배경 설정이 가능해졌다.

테스트 도구

background 축약식 속성의 다양한 설정 예

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9

지원 웹브라우저