Firebug liste-t-il les couleurs d'arrière-plan CSS dans le mauvais ordre ?

Question

Según la recommandation du W3C pour le raccourci d'arrière-plan CSS les valeurs sont [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit .

En suivant cette recommandation, j'écris une déclaration comme celle-ci :

background: transparent url("/images/layout/sprite.png") repeat-y scroll right top;

Lorsque j'inspecte cet élément dans Firebug, la partie couleur apparaît en dernier, et non en premier :

background: url("/images/layout/sprite.png") repeat-y scroll right top transparent;

L'utilisation de la méthode Firebug semble fonctionner, mais elle ne suit pas la recommandation du W3C. J'ai effectué quelques recherches sur Google, mais je n'ai trouvé aucune information à ce sujet. Existe-t-il une histoire dont je ne suis pas au courant ? S'agit-il d'un bogue de Firebug ?

Answer 1

http://www.w3.org/TR/CSS2/about.html#property-defs

Une double barre (||) sépare deux ou plusieurs options : une ou plusieurs d'entre elles doivent être présentes, dans n'importe quel ordre .

Ainsi, les valeurs d'arrière-plan peuvent être énumérées dans n'importe quel ordre.

Answer 2

Le W3C ne définit pas d'ordre dans cette grammaire. Les propriétés de l'arrière-plan peuvent être énumérées dans n'importe quel ordre.

Answer 3

D'après ce qui suit (voir la rubrique : Contexte - Propriété abrégée)

Lors de l'utilisation de la propriété abrégée, l'ordre des valeurs de la propriété est le suivant : background-color image d'arrière-plan background-repeat background-attachment background-position Il importe peu que l'une des valeurs de propriété soit manquante, tant que celles qui sont présentes sont dans cet ordre.