background-position

정의 및 사용

background-position 속성은 배경 이미지의 시작 위치를 지정한다.

정의 및 사용
기본값 0% 0%
상속 no
버전 CSS1
자바스크립트 구문 object.style.backgroundPosition=”center”

브라우저 지원

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

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

구문

속성 값 설명
설명
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
center
배경의 위치를 상하좌우로 지정
x% y% x는 수평(left, right)값이며 y는 수직(top, bottom)값
top left 는 0% 0%(기본값), right bottom 은 100% 100%, center 는 50%
xpos ypos x는 수평(left, right)값이며 y는 수직(top, bottom)값
top left 는 0 0(0일 때 pixel 생략 가능), right bottom 은 해당 영역의 가장 큰 pixel값
% 와 px 값은 함께 사용 가능하다.
inherit 지정 요소의 배경 위치를 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글