CSS Types

CSS Types

Editing

〈bg-size〉

<background-size> 속성에 사용하는 값의 타입이다.

사용되는 키워드

키워드요약
auto

배경 이미지의 크기를 원래의 크기로 설정하여 요소의 크기와 관계없이 보여 준다.

contain

배경 이미지의 비율을 유지하면서 어느쪽도 잘리지 않도록 비율에 따라서 요소의 가로 또는 세로에 꽉 차게 맞춘다. 따라서 요소의 가로와 세로 중 어느 한 방향은 배경 이미지가 미치지 않은 빈 곳이 생길 수도 있다.

cover

배경 이미지의 비율을 유지하면서 요소 내에 꽉 차게 보여 준다. 따라서 요소의 크기에 따라 배경 이미지의 가로와 세로 방향 중의 어느 한 곳은 일부 잘려 보이지 않을 수 있다.

사용되는 하위 유형

지원 웹브라우저