Notice
Recent Posts
Recent Comments
Link
관리 메뉴

web sprit

[CSS3] background-origin 속성 본문

웹5/CSS3

[CSS3] background-origin 속성

커드만 2018. 11. 22. 10:57

가끔 사용하는데 매번 까먹어서 블로그에 정리해 봅니다.


background-origin 속성은 

배경의 이미지의 위치를 처음에 어디에 설정할 것인지를 정해줍니다.


정식 설명은 무시하고 내가 사용해본 결과 그렇습니다.


속성의 값으로 다음과 같습니다.

 속성값

 설명

 padding-box

 기본값

 border-box

 배경이미지의 시작을 보더선에서 시작

 content-box

 배경의 시작을 패딩(padding)의 안쪽에서 시작

 initial

 기본값으로 설정

 inherit

 부모요소에서 상속받는다.


사용에 대한 화면 확인은 

w3schools 에서 확인하면 됩니다.

참고 : https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-origin

Comments