Hodnoty se nemusejí zapisovat v žádném pevném pořadí. Vlastnost background se interpretuje takto:
vyskytne-li se | interpretuje se jako | což je |
url("obrázek") | *-gradient() | background-image | obrázek na pozadí nebo gradient |
barva | background-color | barva pozadí |
no-repeat | repeat | background-repeat | opakování pozadí |
fixed | local | background-attachment; | přibití pozadí |
border-box | content-box | content-box | první výskyt background-origin, druhý výskyt background-clip | odkud má pozadí začínat, pod čím se má kreslit |
left | right | center | pixely | procenta | x-ová (vodorovná) hodnota background-position | pozice obrázku |
top | bottom | nebo druhý výskyt: center | pixely | procenta | y-ová (svislá) hodnota background-position |
contain | cover | bezprostředně po background-position za lomítkem odděleným mezerami: pixely | procenta | 2 hodnoty background-size | zmenšení nebo zvětšení obrázku pozadí |
Hodnoty, které se v zápisu background neuvedou, se vyresetují na výchozí hodnotu! V praxi je tedy lepší používat ukecané vlastnosti background-*, nebo na to myslet. Vlastností background jen začínat a později ji doplnit dalšími vlastnostmi background-*.
Při experimentování, co se stane, když uvedu více barev nebo více hodnot pro pozici, to jednak nic nedělalo, ale dost často se zhroutila celá stránka nebo všechna pozadí na stránce.