CSS:-moz-background-origin

Un article de MDC.

« Référence CSS « Référence CSS:Extensions Mozilla

[modifier] Résumé

Dans les applications Mozilla, -moz-background-origin détermine quelle boîte établit le système de coordonnées utilisé par les valeurs de la propriété background-position :

• Valeur initiale : padding
• S'applique à : tous les éléments
• Héritée : non

-moz-background-origin est une implémentation expérimentale de la propriété CSS3 background-origin, qui n'a pas encore atteint le niveau de « Candidate Recommendation » (appel à implémentations).

-moz-background-origin ne s'applique pas lorsque background-attachment est définie à fixed.

[modifier] Syntaxe

-moz-background-origin: border | padding | content

[modifier] Valeurs

border 

La position de l'arrière-plan est relative par rapport à la bordure, aussi une image peut déborder derrière la bordure.

padding 

La position de l'arrière-plan est relative par rapport au padding.

content 

La position de l'arrière-plan est relative par rapport au contenu.

[modifier] Exemples

hbox.example {
  border: 10px double #000000;
  padding: 10px;
  background: url('image.jpg');
  background-position: center left;
  /* L'arrière plan sera à l'intérieur du padding */
  -moz-background-origin: content;
}

[modifier] Bogues connus

-moz-background-origin: content ne prend pas correctement en compte les valeurs de padding exprimées en pourcentage.