background-image

정의 및 사용

background-image 속성은 배경에 이미지를 url로 연결하여 넣을 수 있으며 해당 요소의 사이즈와 같게 나타난다. 요소의 padding과 border를 포함하지만 margin은 포함하지 않는다. 기본적으로 top-left 에 위치하며 수직, 수평 양 방향 다 반복되어 나타난다.

정의 및 사용
기본값 없음
상속 no
버전 CSS1
자바스크립트 구문 object.style.backgroundImage=”url(bg.gif)”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
url(‘경로’) 이미지가 위치한 경로를 지정
none 기본값(default), 배경 이미지가 없을 경우에 지정
inherit 지정 요소의 배경 이미지를 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글