background-origin

정의 및 사용

background-origin 속성은 해당영역에서 배경이미지의 시작점을 어디로 할지를 지정한다. clip 속성과 마찬가지로 origin 도 콘텐츠 영역에서 시작점을 잡을지 border 를 포함한 영역에 시작점을 잡을지 padding 을 포함한 영역에 시작점을 잡을지를 지정할 수 있다.

정의 및 사용
기본값 padding-box
상속 no
버전 CSS3
자바스크립트 구문 object.style.backgroundOrigin=”content-box”

브라우저 지원

IE6 지원 안함IE7 지원 안함IE8 지원 안함Chrome 지원Firefox 지원Opera 지원Safari 지원

IE 브라우저 외 모두 지원 (IE 계열은 9 부터 지원)

구문

속성 값 설명
설명
padding-box 패딩을 포함한 영역에서부터 배경이미지를 시작함
boeder-box 테두리를 포함한 영역에서부터 배경이미지를 시작함
content-box 콘텐츠 영역에서 배경이미지를 시작함

예제

버그 및 이슈

  • 만약 background-attachment 속성이 fixed 값으로 지정되어 있다면 background-origin 값은 적용되지 않는다.

소제목

목록 으로

댓글