background-clip(백그라운드 이미지가 보여질 영역을 설정)

background-clip

백그라운드 이미지가 보여질 영역을 지정

//border 끝까지 이미지 영역 지정
background-clip : border-box;

//padding영역까지만 이미지 영역 지정
background-clip : padding-box;

//컨텐츠 영역만 이미지 영역 지정
background-clip : content-box;

//TEXT에만 이미지 영역 지정
background-clip : text; //크롬에서는 지원 안함
color : transparent;

왼쪽에서부터 순서대로 border-box, padding-box, content-box, text