background-size

배경 이미지의 크기를 지정합니다. 첫 번째 값은 가로 방향 크기이고, 두 번째 값은 세로 방향 크기 입니다. 하나의 값만 지정된 경우에는 두 번째 값은 auto인 것으로 간주됩니다. 음수 값은 사용할 수 없습니다.
CSS Level
CSS 3
상속
아니오
기본값
auto

사용법

background-size: 80px 60px;
background-size: contain;
object.style.backgroundSize = "60px 80px"

속성

<length> <length>
첫 번째 값은 가로 방향 크기이고, 두 번째 값은 세로 방향 크기 입니다.
<%> <%>
이미지의 크기를 퍼센트 비율로 지정합니다.
auto
기본값이며, 100%와 같습니다.
cover
이미지의 비율을 유지하면서, 이미지의 가로 또는 세로 크기 중 더 작은 크기가 요소의 영역에 맞도록 비율을 조절합니다.
contain
이미지의 비율을 유지하면서, 이미지의 가로 또는 세로 크기 중 더 큰 크기가 요소의 영역에 포함 되도록 비율을 조절합니다.

알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.