CSS - 문제 미리보기
문제 1520
medium
배경 이미지의 background-size 속성에 대한 설명으로 올바른 것은?
```css
div {
background-image: url('image.jpg');
background-size: ______;
}
```
정답: C
각 `background-size` 값의 동작 방식을 정확히 구분해야 합니다.
• contain:
• 이미지 전체가 보이도록 컨테이너에 맞춤
• 비율 유지하며 빈 공간이 생길 수 있음
• 이미지가 잘리지 않음
• cover:
• 컨테이너 전체를 이미지로 채움
• 비율 유지하되 일부가 잘릴 수 있음
• 빈 공간 없이 가득 참
• 100% 100%:
• 가로, 세로 모두 컨테이너에 맞춤
• 원본 비율이 변형될 수 있음
• 이미지가 늘어나거나 찌그러질 수 있음
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.