Properties

Properties

Editing
  • account_tree
  • bug_report

background-position

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

사용 가능한 값 타입

〈bg-position〉

<'background-position'> 속성에 사용되는 값의 타입이다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.

  • [ left | center | right | top | bottom | <length-percentage> ]
    |
    [ left | center | right | <length-percentage> ]
    [ top | center | bottom | <length-percentage> ]
    |
    [ center | [ left | right ] <length-percentage>? ] &&
    [ center | [ top | bottom ] <length-percentage>? ]
    CSS Backgrounds and Borders Module Level 3

사용되는 키워드

  • bottom

    배경의 끝나는 위치를 요소의 하단에 맞춘다.

  • center

    배경의 중심을 요소의 중앙에 맞춘다.

  • left

    배경의 시작되는 위치를 요소의 좌측에 맞춘다.

  • right

    배경의 끝나는 위치를 요소의 우측에 맞춘다.

  • top

    배경의 시작되는 위치를 요소의 상단에 맞춘다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

구문

  • background-position 0% 0%;CSS1

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

  • object.style.backgroundPosition="center";CSS2

    자바스크립트 형식

테스트 도구

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

지원 웹브라우저