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

목록

• align-content
• align-items
• align-self
• @keyframes
• animation
• backface-visibility
• background-clip
• background-origin
• background-size
• border-bottom-left-radius
• border-bottom-right-radius
• border-image
• border-image-outset
• border-image-repeat
• border-image-slice
• border-image-source
• border-image-width
• border-radius
• border-top-left-radius
• border-top-right-radius
• box-shadow
• box-sizing
• column-count
• column-gap
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width
• column-span
• column-width
• columns
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• @font-face
• font-feature-settings
• hyphens
• justify-content
• opacity
• order
• outline-offset
• overflow-wrap
• overflow-x
• overflow-y
• perspective
• perspective-origin
• resize
• tab-size
• text-align-last
• text-overflow
• text-shadow
• transform
• transform-origin
• transform-style
• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function
• word-break
• word-wrap