Propriété de style backgroundSize
Exemple
Spécifiez la taille d'une image d'arrière-plan :
document.getElementById("myDIV").style.backgroundSize = "60px 120px";
Définition et utilisation
La propriété backgroundSize définit ou renvoie la taille des images d'arrière-plan.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Les nombres suivis de Webkit, Moz ou O spécifient la première version qui a fonctionné avec un préfixe.
Property | |||||
---|---|---|---|---|---|
backgroundSize | 4.0 1.0 Webkit |
9.0 | 4.0 3.6 Moz |
4.1 3.0 Webkit |
10.5 10.0 O |
Syntaxe
Renvoyez la propriété backgroundSize :
object.style.backgroundSize
Définissez la propriété backgroundSize :
object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"
Valeurs de propriété
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 |
Détails techniques
Valeur par défaut: | auto |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété background-size d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété background-size