CSS - 문제 미리보기
문제 1374
easy
배경 이미지가 요소 전체를 덮도록 하면서 비율을 유지하는 background-size 값은?
```css
.full-cover {
background: url(hero-image.jpg) center;
background-size: _____;
background-repeat: no-repeat;
}
```
```css
.full-cover {
background: url(hero-image.jpg) center;
background-size: _____;
background-repeat: no-repeat;
}
```
정답: B
background-size 주요 값들의 차이:
`cover` (정답):
• 요소 전체를 완전히 덮음
• 이미지 원본 비율 유지
• 필요시 이미지 일부가 잘릴 수 있음
• 빈 공간 없이 완전 커버
`contain`:
• 이미지가 요소 안에 완전히 들어감
• 이미지 원본 비율 유지
• 빈 공간이 생길 수 있음
• 이미지 전체가 보임
`cover` (정답):
• 요소 전체를 완전히 덮음
• 이미지 원본 비율 유지
• 필요시 이미지 일부가 잘릴 수 있음
• 빈 공간 없이 완전 커버
`contain`:
• 이미지가 요소 안에 완전히 들어감
• 이미지 원본 비율 유지
• 빈 공간이 생길 수 있음
• 이미지 전체가 보임
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.