Katangian ng backgroundSize ng estilo

Paglalarawan at paggamit

backgroundSize Itatalaga o ibabalik ang laki ng imaheng panglikuran.

Pansin pa:

Estilo ng HTMLKatangian ng background

Tuturuan ng CSSCSS Background

Tuturuan ng CSS3Background ng CSS3

Manwal ng CSSAting attribute na background-size

Halimbawa

Tumukoy sa laki ng imaheng panglikuran:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Subukan ang sarili

Panggramatika

Ibabalik ang katangian ng backgroundSize:

object.style.backgroundSize

I-set ang katangian ng backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Halaga ng katangian

Halaga Paglalarawan
auto Pamantayang halaga. Ang imaheng panglikuran ay kasama ang kanyang lapad at taas.
length

I-set ang lapad at taas ng imaheng panglikuran.

Ang unang halaga ay i-set sa lapad, ang ikalawang halaga ay i-set sa taas.

Kung ibinigay lamang ang isang halaga, ang ikalawa ay i-set sa "auto".
percentage

I-set ang lapad at taas ng imaheng panglikuran sa persyento ng ama ng elemento.

Ang unang halaga ay i-set sa lapad, ang ikalawang halaga ay i-set sa taas.

Kung ibinigay lamang ang isang halaga, ang ikalawa ay i-set sa "auto".
cover

I-angat ang imaheng panglikuran sa pinakamalaking laki, upang ang lugar ng panglikuran ay lubusang tinakpan ng imaheng panglikuran.

Ang ilan sa mga bahagi ng imaheng panglikuran ay maaaring hindi nasa loob ng lugar ng lokasyon ng panglikuran.
contain I-angat ang imaheng panglikuran sa pinakamalaking laki, upang ang lapad at taas nito ay magiging katugma sa lugar ng nilalaman.
initial I-set ang katangian na ito sa kanyang default na halaga. Tingnan ang initial.
inherit Magsimula mula sa ama ng elemento at inilalagay ang katangian na ito. Tingnan ang inherit.

Detalye ng teknolohiya

Pamantayang halaga: auto
Halimbawa ng balaan: Ang string na naglalaman ng Ating attribute na background-size.
Versyon ng CSS: CSS3

Suporta ng browser

backgroundSize Ito ay isang katangian ng CSS3 (1999).

Lahat ng mga browser ay ganap na sumusuporta sa ito:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporta Suporta Suporta Suporta Suporta 11