인프런 커뮤니티 질문&답변

Rain D님의 프로필 이미지

작성한 질문수

퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준

배경 스타일 알아보기

cover 의미 질문있습니다. !

21.12.20 22:34 작성

·

224

0

cover 로 주면

박스 크기가 세로로 길면 이미지를 세로에 맞추고

 

가로로 길면 이미지를 가로에 맞춰주는건가요 ??? 

 

좀 헷갈려서 질문드렸습니다. !

답변 1

1

Dongho Lee님의 프로필 이미지
Dongho Lee
지식공유자

2021. 12. 22. 08:27

네 맞습니다.
background-size: cover 는 박스가 세로로 길면 세로에 배경 이미지를 맞추고 가로는 잘려 나갑니다. 가로가 길면 가로에 맞추고 세로는 잘려 나가게 됩니다. 

Rain D님의 프로필 이미지
Rain D
질문자

2021. 12. 26. 11:30

네 감사합니다 !!

Rain D님의 프로필 이미지

작성한 질문수

질문하기