background-position 속성으로 이미지를 배치할 때 origin 속성을 이용하면 유용할거같아 정리한다.
속성 값 | 설명 |
border-box | 박스 모델의 가장 외곽인 테두리(border)가 기준이 된다. |
padding-box | 박스 모덜에서 테두리를 뺀 패딩(padding)이 기준이 된다. |
content-box | 박스 모델에서 내용 부분이 기준이 된다. |
반응형
'Frontend > CSS' 카테고리의 다른 글
[CSS] vertical-align / middle 제대로 적용되는 조건 (0) | 2021.09.30 |
---|---|
[CSS] background-attachment (0) | 2021.09.26 |
[CSS] text-overflow로 넘치는 텍스트 표시하기 (0) | 2021.09.26 |
[CSS] 텍스트 스타일(text-transform/text-shadow) (0) | 2021.09.26 |
[Sass] Sass(Scss)란? (0) | 2021.09.23 |