background-origin

background-origin 속성은 백그라운드 이미지의 영역 속성을 설정합니다.

특징	설명
기본 값	padding-box
상속	안됨
애니메이션	안됨
버전	CSS3

Definition

• background-origin 속성은 백그라운드 이미지의 영역 속성을 설정합니다.
• background-origin은 백그라운드 이미지의 영역 속성을 설정하는 방면, background-clip은 백그라운드 색 속성을 설정하는 방법이 유사합니다.

Syntax

background-origin : padding-box | border-box | content-box | inherit;

background-origin: padding-box; (기본값)
background-origin: border-box;
background-origin: content-box;

Property

속성 값	설명
padding-box	배경 이미지의 위치를 패딩 영역에 위치하게 설정합니다.
border-box	배경 이미지의 위치를 테두리 영역에 위치하게 설정합니다.
content-box	배경 이미지의 위치를 컨텐츠 영역에 위치하게 설정합니다.
inherit	background-origin를 부모 요소로부터 속성을 상속받습니다.

Compatibility

						6	7	8	9	10	11

Sample

background-origin

background-origin : padding-box;
background-origin : border-box;
background-origin : content-box;