HTML DOM 스타일 BackgroundImage 속성
스타일 개체 정의 및 사용
backgroundImage의 속성 세트 또는 배경 이미지 요소를 반환합니다.
문법
backgroundImage의 속성 설정 :
Object.style.backgroundImage="url('URL')|none|inherit"
위로 backgroundImage의 속성 :
Object.style.backgroundImage
| 值 | 描述 |
|---|---|
| url('URL') | 图像文件的位置。 |
| none | 默认。没有背景图像。 |
| inherit | background-image 属性的设置从父元素继承。 |
브라우저 지원
모든 주요 브라우저는 BackgroundImage 속성을 지원합니다.
참고 : IE7 및 이전 버전은 "상속"값을 지원하지 않습니다.IE8은 "상속"지원!의 DOCTYPE을 제공합니다. IE9 지원 "상속".
팁과주의 사항
팁 : 배경 화상 이외에도,또한 배경 색을 지정한다. 이미지를 사용할 수없는 경우, 우리는 배경 색상을 사용합니다.
예
예
배경 이미지 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
document.body.style.backgroundColor는 = "#의 f3f3f3";
document.body.style.backgroundImage = "URL ( 'img_tree.png')";
}
</ 스크립트>
</ 헤드>
<바디>
<H1> 안녕하세요! </ H1>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 설정 배경 이미지 </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스크립트>
displayResult 함수 () {
document.body.style.backgroundColor는 = "#의 f3f3f3";
document.body.style.backgroundImage = "URL ( 'img_tree.png')";
}
</ 스크립트>
</ 헤드>
<바디>
<H1> 안녕하세요! </ H1>
로 <br>
<버튼 유형 = "버튼"onclick을 = "displayResult ()"> 설정 배경 이미지 </ 버튼>
</ BODY>
</ HTML>
»시도
스타일 개체