CSS - 문제 미리보기

문제 1451

medium
다음 중 `object-position`이 효과를 발휘하는 상황은?
A. `object-fit: fill`을 사용할 때
B. `object-fit: none`을 사용할 때
C. `object-fit: cover`로 이미지가 잘릴 때
D. 이미지 크기를 조절하지 않을 때

정답: C

object-fit: cover (가장 일반적):
• 이미지가 컨테이너를 완전히 채우면서 일부가 잘림
• `object-position`으로 어느 부분을 보여줄지 조절 가능

object-fit: none:
• 원본 크기 유지로 이미지가 컨테이너보다 클 때
• 잘린 부분에서 어느 영역을 보여줄지 조절

object-fit: fill:
• 이미지가 컨테이너에 완전히 맞춰짐
• 잘리는 부분이 없어서 위치 조절 의미 없음

object-fit: contain:
• 이미지 전체가 보여짐
• 잘리는 부분이 없어서 위치 조절 효과 미미
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.