HTML,CSS

(22)CSS_CSS background-size

xoos0420 2023. 4. 5. 16:02

background-size
- 배경 이미지 크기를 설정
- px, %, contain, cover
- contain
    * 배경 이미지의 가로, 세로, 모두 요소보다 작다는 조건하에 가능한 설정
    * 가로, 세로 비율은 유지
    * 배경 이미지의 크기는 요소의 크기보다 항상 작거나 같음

- cover
    * 배경 이미지의 가로, 세로, 길이 모두 요소보다 크다는 조건하에 가능한 설정
    * 가로, 세로 비율은 유지
    * 배경 이미지의 크기는 요소의 크기보다 항상 크거나 같음

background
- 배경 속성을 한꺼번에 적용
    background 파일위치 반복여부 위치 사이즈 ...