> background 속성
- 콘텐츠의 배경을 정의하는 단축속성.
- 색상, 이미지, 반복 등 하위 속성 정의 가능.
> background 의 하위 속성
- background-color : 배경 색 정의.
- background-image : 배경 이미지 정의.
- background-repeat : 배경 이미지의 반복 정의.
- background-position : 배경 이미지의 초기 위치 정의.
- background-size : 배경 이미지의 크기 정의.
> background 속성 예시
> background - color 예시
> background - image 예시
> background - repeat 예시
> background - position 예시
※ (기본값) background-position: left top;
> background - size 예시
※ background-size: cover;
이미지가 찌그러지지 않는 한도 내에서 최대 크기로 지정됨.
※ background-size: contain;
이미지가 찌그러지거나 잘리지 않는 한도 내에서 최대 크기로 지정됨.
> background 단축속성 예시
※ position/size 형태로 작성 필수.
※ color 는 맨 마지막에 작성.
'CSS' 카테고리의 다른 글
| [CSS] flexbox 만들기 (0) | 2023.11.05 |
|---|---|
| [CSS] position 속성에 대해서 (0) | 2023.11.02 |
| [CSS] padding 속성과 margin 속성 (0) | 2023.11.02 |
| [CSS] 박스모델이란? (0) | 2023.11.02 |
| [CSS] display 속성과 border 속성 (0) | 2023.11.01 |