- 3가지 속성에 따른 배경그림의 시작위치 입니다.
- background-clip 과 유사합니다.
background-origin
CSS 공작소에 방문해 주셔서 감사드립니다. 반응형 예제로 느껴보세요!!
background-origin 은 배경그림의 시작 위치를 설정합니다.
예제 1
background-origin 속성에 따른 배경그림의 시작위치
보기
| background-origin : | |
|---|---|
|
background-origin : padding-box
|
|
| background-repeat : | |
|---|---|
|
background-repeat : padding-box
|
|
설명
+ 관련 CSS +
- background배경색, 배경그림과 관련된것을 설정합니다
- background-attachment배경이미지의 고정 방법을 설정합니다
- background-clip배경색, 배경그림의 위치 기준을 지정합니다
- background-color배경색을 지정합니다
- background-image배경 이미지를 설정합니다
- background-origin배경그림의 시작위치를 설정합니다
- background-position배경이미지의 위치를 설정합니다
- background-repeat배경이미지의 반복형태를 설정합니다
- background-size배경이미지의 크기를 설정합니다