Kanonische Reihenfolge

In CSS bezieht sich die kanonische Reihenfolge auf die Reihenfolge, in der separate Werte spezifiziert (oder geparst) werden müssen oder als Teil eines CSS-Property-Werts serialisiert werden. Sie wird durch die formale Syntax der Eigenschaft definiert und bezieht sich normalerweise auf die Reihenfolge, in der Langform-Werte als Teil eines einzigen Kurzform-Werts spezifiziert werden sollten.

Zum Beispiel bestehen die Werte der Kurzform-Eigenschaft background aus mehreren background-* Langform-Eigenschaften. 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

Darüber hinaus definiert die 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.