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 Kurzformwertes angegeben werden sollten.

Zum Beispiel bestehen die Kurzform-Eigenschaftswerte von background aus mehreren background-* Langform-Eigenschaften. Die kanonische Reihenfolge dieser Langform-Werte ist wie folgt definiert:

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

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