Ordre canonique

En CSS, la locution "ordre canonique" est utilisée pour désigner l'ordre dans lequel des valeurs séparées doivent être spécifiées (ou analysées) ou doivent être sérialisées dans le cadre d'une valeur de propriété CSS. Il est défini par la syntaxe formelle de la propriété et se réfère normalement à l'ordre dans lequel les valeurs longues doivent être spécifiées dans le cadre d'une seule valeur raccourcie.

Par exemple, background, les valeurs de propriété raccourcie sont constituées de plusieurs propriétés background-* . L'ordre canonique de ces valeurs longues est défini comme suit :

1. background-image
2. background-position
3. background-size
4. background-repeat
5. background-attachment
6. background-origin
7. background-clip
8. background-color

De plus, sa syntaxe exige que, si une valeur pour background-size est donnée, elle doit être spécifiée après la valeur de background-position, séparée par une barre oblique. D'autres valeurs peuvent apparaître dans n'importe quel ordre.