Stil backgroundSize egenskapen

Definition och användning

backgroundSize Ställa in eller returnera storleken på bakgrundsbilden för egenskapen.

Se också:

HTML Stilar:background egenskapen

CSS Tutorial:CSS-bakgrund

CSS3 Tutorial:CSS3 Bakgrund

CSS Referenshandbok:background-size egenskapen

Exempel

Bestäm storleken på bakgrundsbilden:

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

Prova själv

Syntax

Returnera backgroundSize egenskapen:

object.style.backgroundSize

Ställ in backgroundSize egenskapen:

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

Egenskapsvärde

Värde Beskrivning
auto Standardvärde. Bakgrundsbilden inkluderar sin bredd och höjd.
length

Ställ in bakgrundsbildens bredd och höjd.

Det första värdet sätter bredden, det andra höjden.

Om bara ett värde anges, sätts det andra till "auto".
percentage

Ställ in bakgrundsbildens bredd och höjd i föräldrelementets procent.

Det första värdet sätter bredden, det andra höjden.

Om bara ett värde anges, sätts det andra till "auto".
cover

Förstora bakgrundsbilden så mycket som möjligt så att bakgrundsområdet täcks av bakgrundsbilden.

Vissa delar av bakgrundsbilden kan inte vara inom bakgrundslayoutområdet.
contain Förstora bilden så att den passar storleken på innehållsområdet.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Följ från föräldrelementet och använd detta egenskap. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: sträng, som anger elementets background-size egenskapen.
CSS-version: CSS3

Webbläsarstöd

backgroundSize är en CSS3 (1999) egenskap.

Alla webbläsare stöder det fullständigt:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Stödjer Stödjer Stödjer Stödjer Stödjer 11