웹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