W CSS tło elementu ustawia się m.in. przez właściwości background-image oraz background-repeat. Aby wskazać plik graficzny jako tło, standardowo używa się zapisu url(...), np. background-image: url(kolo.png);. Sama nazwa pliku bez url() nie jest prawidłową wartością dla tej właściwości.
O tym, jak grafika będzie "kafelkowana", decyduje background-repeat. Wartość repeat-x oznacza powtarzanie wyłącznie w osi poziomej (wzdłuż szerokości elementu). To dokładnie odpowiada efektowi "paska" z powtarzających się kółek w jednym rzędzie.
- background-image: url(kolo.png); background-repeat: repeat-x; — poprawnie: wskazuje grafikę i powtarza ją tylko poziomo.
- background-repeat: repeat; — powtarza w obu osiach, więc oprócz rzędu w poziomie pojawią się też kolejne rzędy w pionie, co zmienia wygląd tła.
- background-image: kolo.png; — błędna składnia; przeglądarka oczekuje wartości typu url() lub innych dopuszczalnych form, a nie "gołej" nazwy pliku.
- Wariant z src, alt, height, width miesza atrybuty HTML z CSS. src i alt dotyczą znacznika obrazu w HTML, a nie właściwości tła w CSS, więc taka "deklaracja" nie zadziała jako styl.
Wskazówka egzaminacyjna: jeśli w odpowiedzi pojawiają się atrybuty typowe dla HTML, to najczęściej jest to dystraktor. Dla tła w CSS szukaj pary: poprawne background-image: url(...) + właściwa wartość background-repeat zgodna z kierunkiem powtarzania z rysunku.
