W jakim zawodzie przydaje się ta wiedza?

Wiedza ta jest potrzebna w zawodach: TECHNIK INFORMATYK oraz TECHNIK PROGRAMISTA.

Gdzie mogę przećwiczyć więcej pytań z kwalifikacji INF.03?

Więcej pytań z kwalifikacji INF.03 znajdziesz na Zawodowe.edu.pl - darmowa baza pytań CKE z symulatorem egzaminu.

Tryb nauki (pokaż prawidłową odpowiedź)

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Programowanie webowe

Słowa kluczowe: CSS CSS background-image CSS background-repeat

Jak ustawić tło `body` obrazem `rys.png`, powtarzanym TYLKO w poziomie?

Q: Do jakiej kwalifikacji zawodowej należy to pytanie?

To pytanie pochodzi z kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Wymagana w zawodach: Technik informatyk, Technik programista.

background-image: url("rys.png"); background-repeat: repeat-x;

Dobrze. repeat-x powtarza tylko w POZIOMIE.

background-image: url("rys.png"); background-repeat: repeat-y;

Źle. repeat-y powtarza tylko w PIONIE.

background-image: url("rys.png"); background-repeat: round;

Źle. round dopasowuje kafelki, nie ogranicza do poziomu.

background-image: url("rys.png"); background-repeat: repeat;

Źle. repeat powtarza w PIONIE i poziomie.

Powtarzanie obrazu tła reguluje background-repeat. Wartość repeat-x powiela obraz TYLKO w poziomie (wzdłuż osi X), tworząc poziomy pas. Dlatego tło powtarzane jedynie w poziomie daje background-repeat: repeat-x.

Pozostałe wartości robią co innego. repeat powiela obraz w obu kierunkach (kafelki), repeat-y tylko w pionie, a round skaluje i dopasowuje liczbę powtórzeń. Powtarzanie wyłącznie w poziomie daje repeat-x.

Pytania pomocnicze (6)

Do czego służy właściwość CSS background-image?

Właściwość `background-image` ustawia obraz jako tło wybranego elementu, np. całej strony przez selektor `body`.

Co oznacza wartość repeat-x we właściwości background-repeat?

`repeat-x` powoduje powtarzanie obrazu tła tylko w poziomie, czyli wzdłuż osi X.

Czym różni się repeat-x od repeat-y?

`repeat-x` powtarza obraz tła poziomo, a `repeat-y` pionowo. Są to wartości używane, gdy tło ma być powielane tylko w jednym kierunku.

Co oznacza domyślna wartość repeat dla tła w CSS?

`repeat` powtarza obraz tła zarówno w poziomie, jak i w pionie. Dlatego nie pasuje do polecenia wymagającego powtarzania tylko w poziomie.

Jak ustawić obraz jako tło całej strony?

Należy przypisać tło do selektora `body`, np. `body { background-image: url('rys.png'); }`.

Jak zapisać ścieżkę do pliku graficznego w background-image?

Ścieżkę podaje się w funkcji `url()`, np. `background-image: url('rys.png');`. Może to być ścieżka względna lub bezwzględna.

Jak ustawić tło `body` obrazem `rys.png`, powtarzanym TYLKO w poziomie?

Wymagane logowanie

Zgłoś błąd w pytaniu

Jak ustawić tło body obrazem rys.png, powtarzanym TYLKO w poziomie?

Jak ustawić tło `body` obrazem `rys.png`, powtarzanym TYLKO w poziomie?