background-origin.md

작성자 : 박성희

작성일 : 2015-10-01

css 레퍼런스 설명:

The background-origin property specifies where the background image is positioned. 배경 이미지가 어디에 포지션 되는지에 따른 속성

Note: If the background-attachment property is set to "fixed", this property has no effect.

• background-attachment??? css1, 배경 이미지 고정, 스크롤 등등의 방법 설정

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

1. border-box - the background image starts from the upper left corner of the border
   상단 왼쪽 위에부터 시작
2. padding-box - (default) the background image starts from the upper left corner of the padding edge
   디폴트 값. 패딩에서 상단 왼쪽 위에부터 시작. 보더는 포함 안함
3. content-box - the background image starts from the upper left corner of the content
   컨텐츠의 상단 왼쪽 위에부터 시작.

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-origin http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-origin&preval=content-box

목록

• 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