Style backgroundImage 속성

정의와 사용법

backgroundImage 속성 설정 또는 요소의 배경 이미지 반환

ヒント:배경 이미지 외에도 배경 색상을 지정해야 합니다. 이미지가 사용할 수 없을 경우 배경 색상이 사용됩니다。

다른 참조물:

HTML 스타일：배경 속성

CSS 강의：CSS 배경

CSS3 강의：CSS3 배경

CSS 참조 매뉴얼：background-image 속성

예제

예제 1

문서에 배경 이미지 설정：

document.body.style.backgroundImage = "url('img_tree.png')";

직접 시험해보세요

예제 2

특정 <div> 요소의 배경 이미지 설정：

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

직접 시험해보세요

예제 3

특정 <div> 요소의 배경 이미지 반환：

alert(document.getElementById("myDiv").style.backgroundImage);

직접 시험해보세요

예제 4

문서의 배경 이미지 반환：

alert(document.body.style.backgroundImage);

직접 시험해보세요

문법

backgroundImage 속성 반환：

object.style.backgroundImage

backgroundImage 속성 설정：

object.style.backgroundImage = "url('')|none|initial|inherit"

속성 값

값 설명
url('') 이미지 파일 위치
none 배경 이미지가 없습니다. 기본 값.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 继承합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： none
반환 값： 문자열로 표현된 배경 이미지를 나타냅니다。
CSS 버전： CSS1

브라우저 지원

backgroundImage CSS1 (1996) 기능입니다。

모든 브라우저는 완전히 지원합니다：

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 지원