Properties

Properties

Draft
  • account_tree
  • bug_report

background-origin

요소 내 배경 이미지의 원점 위치를 설정한다.

설정 가능한 속성 값

  • padding-box기본값키워드CSS3

    배경 이미지의 시작 위치를 요소의 테두리를 제외한 왼쪽 상단으로 설정한다.

  • border-box키워드CSS3

    배경 이미지의 시작 위치를 요소의 왼쪽 상단의 테두리 영역부터 설정한다.

  • content-box키워드CSS3

    배경 이미지의 시작 위치를 요소의 여백을 뺀 콘텐츠 영역의 왼쪽 상단으로 설정한다.

  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • background-origin padding-box or border-box or content-box or initial;기본형식CSS3

    배경 이미지가 시작되는 원점 위치를 주어진 상수 값으로 설정한다.

  • object.style.backgroundOrigin = "content-box";자바스크립트 형식CSS3

    자바스크립트 형식

예제

값 설정에 따른 결과 예시

지원 웹브라우저