Style backgroundSize ominaisuus

Määritelmä ja käyttö

backgroundSize Aseta tai palauta taustakuvan koko ominaisuus.

Lisäksi:

HTML-tyyli:background ominaisuus

CSS oppituntioCSS-tausta

CSS3 oppituntioCSS3 tausta

CSS viittauskirja:background-size ominaisuus

Esimerkki

Määritä taustakuvan koko:

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

Kokeile itse

Syntaksi

Palauta backgroundSize ominaisuus:

object.style.backgroundSize

Aseta backgroundSize ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Taustakuvan sisältää sen leveys ja korkeus.
length

Aseta taustakuvan leveys ja korkeus.

Ensimmäinen arvo asettaa leveyden, toinen korkeuden.

Jos annetaan vain yksi arvo, toinen asetetaan "auto".
percentage

Aseta taustakuvan leveys ja korkeus isäntäelementin prosenttiosuuden perusteella.

Ensimmäinen arvo asettaa leveyden, toinen korkeuden.

Jos annetaan vain yksi arvo, toinen asetetaan "auto".
cover

Laajenna taustakuvaa mahdollisimman suureksi, jotta taustan alue on täysin peitetty taustakuvalla.

Taustakuvan jokin osa ei välttämättä ole taustan sijoitusalueessa.
contain Laajenna kuvaa mahdollisimman suureksi, jotta sen leveys ja korkeus sopivat sisältöalueeseen.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen tarkistus

Oletusarvo: auto
Palautusarvo: merkkijono, joka ilmaisee elementin background-size ominaisuus.
CSS versio: CSS3

Selaimen tuki

backgroundSize on CSS3 (1999) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tuki Tuki Tuki Tuki Tuki 11