최신 웹 개발 튜토리얼
 

Style backgroundImage Property

<스타일 개체

문서에 대한 배경 이미지를 설정합니다 :

document.body.style.backgroundImage = "url('img_tree.png')";
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

BackgroundImage 속성 세트 또는 요소의 배경 이미지를 반환합니다.

Tip: 배경 이미지뿐만 아니라 당신은 또한 배경 색상을 지정해야합니다. 이미지를 사용할 수없는 경우 배경 색상이 사용됩니다.


브라우저 지원

테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.

재산
backgroundImage 1.0 4.0 1.0 1.0 3.5

통사론

BackgroundImage 속성을 반환합니다 :

object .style.backgroundImage

BackgroundImage 속성을 설정합니다 :

object .style.backgroundImage="url(' 속성 값
기술
url( 'URL' ) 이미지 파일의 위치
none 어떤 배경 이미지가 없습니다. 이 기본이다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 없음
반환 값 : 배경 이미지를 나타내는 캐릭터 라인,
CSS 버전 CSS1

더 예

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

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
»그것을 자신을 시도

특정의 배경 이미지를 돌려줍니다 <div> 요소를 :

alert(document.getElementById("myDiv").style.backgroundImage);
»그것을 자신을 시도

문서의 배경 이미지를 반환 :

alert(document.body.style.backgroundImage);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 배경

CSS3 튜토리얼 : CSS3의 배경

CSS 참조 : background-image property

HTML DOM 참조 : background property


<스타일 개체