Style backgroundOrigin 속성

정의와 사용법

backgroundOrigin 속성은 background-position 속성이 무엇에 대해 위치를 정하는지 정의합니다。

주석：배경 이미지의 background-attachment 속성이 "fixed"이 경우, 이 속성은 효과가 없습니다。

예제

배경 이미지를 내용 상자에 대해 위치를 정합니다：

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

직접 시도해 보세요

문법

backgroundOrigin 속성 반환：

object.style.backgroundOrigin

backgroundOrigin 속성 설정：

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

속성 값

값 설명
padding-box 기본 값。배경 이미지는 내쪽 여백 상자에 대해 위치를 정합니다。
border-box 배경 이미지는 경계 상자에 대해 위치를 정합니다。
content-box 배경 이미지는 내용 상자에 대해 위치를 정합니다。
initial 이 속성을 기본 값으로 설정합니다. 참고하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참고하십시오 inherit。

기술 세부 사항

기본 값： padding-box
반환 값： 문자열로, 요소의 background-origin 속성。
CSS 버전： CSS3

브라우저 지원

backgroundOrigin CSS3 (1999) 특성입니다。

모든 브라우저는 완전히 지원합니다：

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 11

관련 페이지

CSS 참조 가이드:background-origin 속성