[15] background-clip

background-clip

background-clip: border-box는 테두리까지 확장됨. -> 이게 기본
background-clip: padding-box는 테두리에는 확장 안되어 있음
background-clip: content-box는 내용부분만 확장이 됨

 

실습

 

background-clip: border-box (this is default):

The background extends behind the border.

background-clip: padding-box:

The background extends to the inside edge of the border.

background-clip: content-box:

The background extends to the edge of the content box.