Properties

Properties

Editing
  • account_tree
  • bug_report

object-position

컨테이너 내에 이미지 또는 비디오 요소의 위치를 설정한다.

사용 가능한 값 타입

〈position〉

박스형의 요소에 대한 상대적인 2차원 좌표 값을 나타낸다.

사용되는 키워드

  • bottom

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

  • center

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

  • left

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

  • right

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

  • top

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

동일한 타입을 사용하는 관련 속성

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈position〉50% 50%CSS3

    상자 내에 이미지 또는 비디오의 위치를 지정한다. 공백을 구분자로 하여 왼쪽은 가로, 오른쪽은 세로 방향의 위치 값을 설정한다.

구문

  • object-position 〈position-x〉 〈position-y〉;CSS3

    오브젝트의 위치를 수평과 수직 방향으로 상수 또는 위치 값을 지정한다.

테스트 도구

이미지의 크기를 원래의 크기보다 크게 설정하고 출력할 때는 object-fit를 none으로 설정하도록 한다. 원래의 크기로 출력을 하는 경우 컨테이너 내에서 이미지의 위치를 지정할 수 있다.

지원 웹브라우저