Nazwa deklaracji | Kod w head | Kod w body | Opis działania |
background-atachment:fixed | body {background- atachment:fixed;} | Nic nie wpisujemy. | Tło jest nieruchome względem przesuwanego tekstu. |
background-atachment:scroll | body {background- atachment:scroll;} | Nic nie wpisujemy. | Tło przesuwa się razem z tekstem. |
background-repeat: no-repeat | body {background- repeat:no-repeat;} | Nic nie wpisujemy. | Tło (zdjęcie lub tapeta) jest wyświetlana pojedyńczo. |
background-repeat: repeat | body {background- repeat:repeat;} | Nic nie wpisujemy. | Tło (zdjęcie lub tapeta) jest zwielokrotnione na cały ekran. |
background-repeat: repeat-x | body {background- repeat:repeat-x;} | Nic nie wpisujemy. | Tło (zdjęcie lub tapeta) jest zwielokrotnione w poziomie. |
background-repeat: repeat-y | body {background- repeat:repeat-y;} | Nic nie wpisujemy. | Tło (zdjęcie lub tapeta) jest zwielokrotnione w pionie. |
background-position:(top, center,bottom left,center,right) | body {background- position:(top,center, bottom left,center,right);} | Nic nie wpisujemy. | Piersza wartość to wyrównanie w pionie, a druga w poziomie. top left znaczy "od góry i od lewej". |
background-position:center | h5 {background- position:center;} | <h5>Piersza i druga wartość to < span class="red"> center</span></h5>. | Piersza i druga wartość to center. |
Tak jak w przypadku czcionek można grupować właściwości związane z tłem, przestrzegając kolejności umieszczania słów kluczowych. Zamiast deklaracji background color, background-image... stosuje się właściwość background zgodnie z poniższą kolejnością: