Properties

Properties

Draft
  • account_tree
  • bug_report

background-image

선택자를 갖는 요소에 배경 이미지를 설정한다.

설명

CSS 3.0에서는 두 개 이상의 배경 설정이 가능하다.

설정 가능한 속성 값

  • none기본값키워드CSS1

    배경 이미지를 설정하지 않는다.

  • url(path)함수CSS1

    url 함수를 이용해서 배경 이미지의 경로를 설정할 수 있다.

  • initial키워드CSS3

    CSS의 기본 값으로 설정한다.

구문

  • background-image url(path) or none or initial;기본형식CSS1

    배경 이미지의 경로를 설정하거나 없음으로 처리할 수 있다.

  • background-image url('bg1.png'), url('bg2.png');사용 예CSS3

    두 개 이상의 배경 이미지를 콤마(,)로 구분하여 설정한다. 배경이 쌓이는 순서는 작성 순서에 따라 위에서 아래로 적용된다. 즉 맨 마지막의 설정 값이 맨 아래의 배경으로 설정되어진다.

    두 개 이상의 배경 이미지를 설정한다.
  • background-image linear-gradient or radial-gradient or repeating-linear-gradient or repeating-radial-gradient;기본형식CSS3

    배경 이미지로 그라데이션을 설정한다.

    배경 이미지로 그라디언트를 설정할 수 있다.
  • object.style.backgroundImage="url('bg.gif')";자바스크립트 형식CSS1

    자바스크립트 형식

지원 웹브라우저