Properties

Properties

Draft
  • account_tree
  • bug_report

background-position

선택자를 갖는 요소의 배경 이미지의 위치를 설정한다.

설정 가능한 속성 값

  • x y리스트단위허용CSS1

    수평 위치 값과 수직 위치 값을 이용하여 배경 이미지의 위치를 설정한다. 왼쪽 상단은 0% 0%(기본 값)이며 오른쪽 하단 모서리는 100% 100%이다. 하나의 값을 지정하는 경우 50%로 지정할 수 있다. 또한 left top, left center, left bottom, right top, right center, right bottom, center top, center center, center bottom과 같이 방향 상수 값을 이용해서 수평, 수직 위치를 지정할 수도 있다.

    • 사용 가능한 단위: px, %
    • 사용 가능한 키워드 : left, top, right, bottom, center
    • 음수 허용
  • initial키워드CSS3

    CSS의 기본 값으로 설정할 수 있다.

구문

  • background-position 0% 0%;기본값CSS1

    배경 이미지의 좌측 상단 모서리를 선택자 요소의 좌측 상단 모서리에 맞춘다. 차례대로 수평 방향으로 0%, 수직 방향으로 0% 설정한다.

  • object.style.backgroundPosition="center";자바스크립트 형식CSS2

    자바스크립트 형식

테스트 도구

지정된 상수로 배경 이미지의 위치를 지정할 수 있다.

지원 웹브라우저