Attribut backgroundSize Style

Définition et utilisation

backgroundSize Définir ou retourner la taille de l'image de fond.

Voir également :

Style HTML :Attribut background

Tutoriel CSS :Arrière-plan CSS

Tutoriel CSS3 :Arrière-plan CSS3

Manuel CSS :L'attribut background-size

Exemple

Définir la taille de l'image de fond :

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

Essayez-le vous-même

Syntaxe

Retourner l'attribut backgroundSize :

object.style.backgroundSize

Définir l'attribut backgroundSize :

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

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. L'image de fond contient sa largeur et sa hauteur.
length

Définir la largeur et la hauteur de l'image de fond.

La première valeur définit la largeur, la deuxième valeur définit la hauteur.

Si une seule valeur est fournie, la deuxième est définie sur "auto".
percentage

Définir la largeur et la hauteur de l'image de fond en pourcentage de l'élément parent.

La première valeur définit la largeur, la deuxième valeur définit la hauteur.

Si une seule valeur est fournie, la deuxième est définie sur "auto".
cover

Redimensionner l'image de fond au plus grand possible pour qu'elle couvre complètement la zone de fond.

Certaines parties de l'image de fond peuvent ne pas être dans la zone de positionnement de l'image de fond.
contain Redimensionner l'image pour qu'elle soit aussi grande que possible, de sorte que sa largeur et sa hauteur soient adaptées à la zone de contenu.
initial Set this property to its default value. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : auto
Valeur de retour : Une chaîne, représentant l'élément L'attribut background-size.
Version CSS : CSS3

Support du navigateur

backgroundSize C'est une caractéristique CSS3 (1999).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soutien Soutien Soutien Soutien Soutien 11