스타일 backgroundSize 속성
예시
배경 이미지의 크기 지정:
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
정의 및 사용
backgroundSize 속성은 배경 이미지의 크기를 설정하거나 반환합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Webkit, Moz 또는 O 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
backgroundSize | 4.0 1.0 Webkit |
9.0 | 4.0 3.6 Moz |
4.1 3.0 Webkit |
10.5 10.0 O |
통사론
backgroundSize 속성을 반환합니다.
object.style.backgroundSize
backgroundSize 속성을 설정합니다.
object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"
속성 값
Value | Description |
---|---|
auto | Default value. The background-image contains its width and height |
length | Sets the width and height of the background image. The first value sets the width, the second value sets the height. If only one value is given, the second is set to "auto" |
percentage | Sets the width and height of the background image in percent of the parent element. The first value sets the width, the second value sets the height. If only one value is given, the second is set to "auto" |
cover | Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area |
contain | Scale the image to the largest size such that both its width and its height can fit inside the content area |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 자동 |
---|---|
반환 값: | 요소의 background-size 속성을 나타내는 String |
CSS 버전 | CSS3 |
관련 페이지
CSS 참조: background-size 속성