Kanonische Reihenfolge

In CSS bezieht sich die kanonische Reihenfolge auf die Reihenfolge, in der separate Werte angegeben (oder geparst) werden müssen oder als Teil eines CSS-Eigenschaftswerts serialisiert werden sollen. Sie wird durch die formale Syntax der Eigenschaft definiert und bezieht sich normalerweise auf die Reihenfolge, in der Langform-Werte als Teil eines einzelnen Kurzformwerts angegeben werden sollten.

Zum Beispiel bestehen die Werte der Kurzform-Eigenschaft background aus mehreren Langform-Eigenschaften background-*. Die kanonische Reihenfolge dieser Langform-Werte ist definiert als

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

Des Weiteren definiert die Syntax, dass, wenn ein Wert für background-size angegeben wird, dieser nach dem Wert für background-position spezifiziert werden muss, getrennt durch einen Schrägstrich. Andere Werte können in beliebiger Reihenfolge erscheinen.