개체의 배경 이미지 주소를 반환하거나 설정한다.

인수
cssSelector : (스타일 선택자)
속성을 가질수 있는 엘레멘트()나 클라스(class) 이름 혹은 인식자(id)이다.

: (속성 문자열)
스타일 속성은 개체의 배경 이미지 주소를 나타내는 문자열이다.

none 디폴트이며, 배경은 투명하여 배경을 통하여 먼저 깔린 개체를 볼수 있다.
url(이미지주소) 배경 이미지 주소(URL)을 지정한 것으로 그 주소에서 이미지를 읽어 배경으로 사용한다.
이 주소는 절대주소나 상대주소가 될 수 있다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 none이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속되지 않는다.

특기

주소(URL)는 이미지 파일은 지창한다. 이미지가 유효하지 않은 것에 대비하여 배경 색상을 지정할 수 있는데, 이미지가 유효하면 이미지는 그 배경색상 위에 나타나다.

이 속성은 다른 배경 속성들과 함께 background 복합 축약 속성으로 지정할 수 있다.

IE3.0background-image 애트리뷰트를 지원하지만, background 애트리뷰트를 사용하여 지정하였을 때만 가능하다.

적용
개체scriptCSS IE 버전
참조

이 속성은 CSS1(Cascading Style Sheets, Level 1)에서 정의되었다.


DIV 내용 마우스를 올려보라.
<DIV style="background-image:url(../../gif/flower.jpg);width:500;color:white;font-size:160%"
  onmouseover="this.style.backgroundImage='url(../../gif/flower1.jpg)'"
  onmouseout="this.style.backgroundImage='url(../../gif/flower.jpg)'">
DIV 내용 <IMG src="../../gif/tulip.gif"> 마우스를 올려보라.
</DIV>