background-clip.md

작성자 : 박성희

작성일 : 2015-10-01

css 레퍼런스 설명:

The background-clip property specifies the painting area of the background.

The property takes three different values: 3가지 value!

1. border-box - (default) the background is painted to the outside edge of the border
   디폴트 값. 테두리를 포함하여 배경색 지정.
   border가 dashed이거나 dotted일 때와 같이 빈 공간이 있는 경우만 눈으로 확인할 수 있음

2. padding-box - the background is painted to the outside edge of the padding
   border값 포함하지 않고 padding의 바깥가장자리부터 칠해짐

3. content-box - the background is painted within the content box
   컨텐츠, 즉 내용만 배경색!

http://www.w3schools.com/css/tryit.asp?filename=trycss3_background-clip

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_js_background-clip

---

• CSS3 README

• background-clip

• background-origin

• background-size