Properties

Properties

Draft
  • account_tree
  • bug_report

backgroundCSS1, CSS3, Backgrounds and Borders Module Level 3

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

설명

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

설정 가능한 속성 값

구문

  • background <optional>background-color <optional>background-image <optional>background-repeat <optional>background-attachment;기본형식CSS1
  • background <optional>background-color <optional>background-image <optional>background-repeat <optional>background-position/background-size <optional>background-repeat <optional>background-origin <optional>background-attachment;기본형식CSS3

    CSS3(Backgrounds and Boards Level 3)에 새롭게 추가된 설정 방식이며 배경 이미지의 크기를 설정하고자 하는 경우에는 background-position/background-size 처럼 '/'로 구분되어 작성되어야 한다.

    CSS 3에서 지원하는 속성을 사용하여 설정
  • background background-image background-repeat background-position, background-image background-repeat background-position/background-size;기본형식CSS3
    CSS 3에서 중복된 배경 설정이 가능해졌다.

테스트 도구

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

버전 명세

Version NameDescriptionFlags
CSS1초기 정의
CSS3모듈 단위로 나누어 표준화 작업이 되어 현재 Backgrounds and Boards Module Level 3를 통상 CSS3라 부르고 있다.
Backgrounds and Borders Module Level 3CSS 2.1을 상속받아 모듈 방식으로 버전 관리 변경module

지원 웹브라우저