CSS 배경 이미지 속성
태그 정의 및 지침
배경 이미지 속성은 요소의 배경 이미지를 설정합니다.
(단, 마진을 포함하지 않음) 패딩과 경계를 포함하는 요소의 배경 요소의 전체 크기.
기본적으로, 배경 화상은 소자의 상부 좌측 코너에 배치하고, 수직 및 수평 반복된다.
기본값 : | 없음 |
---|---|
상속 : | 아니 |
버전 : | CSS1 |
자바 스크립트 구문 : | "URL (stars.gif) object.style.backgroundImage = 개체" |
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.
Property | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
IE8 및 이전 버전의 브라우저가 하나의 요소에 여러 개의 배경 이미지를 지원하지않습니다
IE7 및 이전 버전"상속"값을 지원하지 않습니다.IE8은 정의 할 필요가! DOCTYPE. IE9는 "상속을."지원
팁과주의 사항
팁 : 이미지를 사용할 수없는 경우 배경색을 설정해야합니다, 사용됩니다.
속성 값
값 | 설명 |
---|---|
URL( 'URL') | 이미지의 URL |
없음 | 어떤 배경 이미지가 표시되지 않습니다. 이 값이 기본값입니다 |
상속 | 배경 이미지는 부모 요소에서 상속해야 지정 |
온라인 예
여러 배경 이미지
이 예제는 문서에 여러 개의 배경 이미지를 보여줍니다.
관련 기사
CSS 자습서 : CSS 배경
CSS3 튜토리얼 : CSS3의 배경