Propriété backgroundOrigin du style

Définition et utilisation

backgroundOrigin L'attribut determine où la propriété background-position est positionnée.

Remarque :Si l'attribut background-attachment de l'image de fond est "fixed"si cette propriété n'a pas d'effet.

Exemple

Positionner l'image de fond par rapport à la boîte de contenu :

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

Essayer par vous-même

Syntaxe

Retourner la propriété backgroundOrigin :

object.style.backgroundOrigin

Définir la propriété backgroundOrigin :

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

Valeur de l'attribut

Valeur Description
padding-box Valeur par défaut. L'image de fond est positionnée par rapport à la boîte de marge.
border-box L'image de fond est positionnée par rapport à la boîte de bord.
content-box L'image de fond est positionnée par rapport à la boîte de contenu.
initial Réinitialise cette propriété à sa valeur par défaut. Voir également initial.
inherit Inherits cette propriété de son élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : padding-box
Valeur de retour : Chaîne, représentant l'élément Attribut background-origin.
Version CSS : CSS3

Support du navigateur

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

Tous les navigateurs le supportent complètement :

Chrome Edge Firefox Safari Opéra IE
Chrome Edge Firefox Safari Opéra IE
Support Support Support Support Support 11

Pages connexes

Guide de référence CSS :Attribut background-origin