Źródło: Arkusze CKE
W języku CSS, należy zdefiniować tło dokumentu jako obraz rys.png. Obraz ma powtarzać się jedyniew poziomie. Którą definicję należy przypisać selektorowi body?
Warianty odpowiedzi
-
A
A. {background-image: url("rys.png"); background-repeat: round;}
-
B
B. {background-image: url("rys.png"); background-repeat: repeat;}
-
C
C. {background-image: url("rys.png"); background-repeat: repeat-x;}
-
D
D. {background-image: url("rys.png"); background-repeat: repeat-y;}
Wyjaśnienie
W CSS do ustawienia tła używamy właściwości background-image z podaniem ścieżki do pliku w funkcji url().
Kluczem do rozwiązania tego zadania jest jednak kontrola powtarzania tego obrazka. Odpowiada za to właściwość background-repeat.
Pamiętaj prostą analogię z matematyki: oś X to poziom, a oś Y to pion. Dlatego wartość repeat-x powoduje powtarzanie tła tylko w poziomie. Gdybyś użył repeat-y, obrazek powtarzałby się w pionie, a samo repeat powieliłoby go w obu kierunkach.