Properties

Properties

Draft
  • account_tree
  • bug_report

object-positionCSS3

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

설정 가능한 속성 값

  • position숫자단위허용CSS3

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

    • 사용 가능한 단위: px, %
    • 음수 허용
  • inherit키워드CSS3

    부모 요소로부터 상속된 값으로 적용한다.

  • initial키워드CSS3

    웹 브라우저 기본 값으로 적용한다.

구문

  • object-position position-x position-y;기본형식CSS3

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

테스트 도구

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

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저