예
문서의 배경을 스타일 :
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top"; »그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
약식 형태로 팔 별도의 배경 속성까지의 배경 속성을 설정하거나 반환합니다.
이 속성을 사용하면 중 하나 이상을 반환 / 설정할 수 있습니다 (순서에 상관없이) 다음 :
- 배경색
- 배경 이미지
- 배경 반복
- 배경 - 첨부 파일
- 배경 위치
- 배경 크기
- 배경 - 기원
- 배경 클립
위의 속성은 별도의 스타일 속성을 설정할 수 있습니다. 별도의 속성의 사용은 매우 더 나은 제어를위한 비 첨단 저자을 권장합니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
참고 : 아래의 각 값에 대해 개별 브라우저 지원을 참조하십시오.
통사론
배경 속성을 반환합니다 :
object .style.background
배경 속성을 설정 :
object .style.background=" 속성 값 값 기술 color 요소의 배경 색상을 설정합니다 image 요소의 배경 이미지를 설정합니다 repeat 배경 이미지가 반복되는 방법을 설정합니다 attachment 배경 이미지가 고정 또는 페이지에 스크롤되어 있는지 여부를 설정합니다 position 배경 이미지의 시작 위치를 설정합니다 size 배경 이미지의 크기를 설정합니다 origin 배경 위치 영역을 설정합니다 clip 배경 이미지의 그림 영역을 설정합니다 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 투명 없음 반복 스크롤 0 % 0 % 자동 패딩 박스 경계 박스 반환 값 : 요소의 배경을 나타내는 문자열 CSS 버전 CSS3에서 CSS1 + 새 속성
더 예
예
div 요소의 배경을 변경 :
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center"; »그것을 자신을 시도
예
고정 할 수있는 배경 이미지를 설정 (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; »그것을 자신을 시도
관련 페이지
CSS 자습서 : CSS 배경
CSS3 튜토리얼 : CSS3의 배경
CSS 참조 : background property
<스타일 개체