Chcesz, aby obraz tła na stronie (body) był stały (nie przewijał się wraz z treścią strony) i pokrywał cały dostępny obszar, zachowując swoje proporcje i będąc wyśrodkowanym. Jakie właściwości CSS pomogą to osiągnąć?
Chcesz, aby obraz tła na stronie (body) był stały (nie przewijał się wraz z treścią strony) i pokrywał cały dostępny obszar, zachowując swoje proporcje i będąc wyśrodkowanym. Jakie właściwości CSS pomogą to osiągnąć?
body { background-image: url('obraz.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }body { background: url('obraz.jpg') no-scroll full-cover centered; }body { image-src: 'obraz.jpg'; image-scroll: disabled; image-fit: fill; image-align: middle; }body { background-picture: url('obraz.jpg'); background-mode: fixed-cover; }Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: A (body { background-image: url('obraz.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; })
Kompletny zestaw właściwości CSS tła:
background-attachment: fixed;— unieruchomienie tła przy przewijaniu,background-size: cover;— pełne pokrycie kontenera z zachowaniem proporcji,background-position: center center;— wyśrodkowanie obrazu,background-repeat: no-repeat;— brak powielania grafiki kafelkowo.
Dlaczego pozostałe opcje są nieprawidłowe?
- B: Wartości
no-scrollifull-covernie występują w skróconej właściwościbackground. - C: Właściwości
image-src,image-scrolliimage-fitnie istnieją w CSS dla tłabody. - D:
background-pictureibackground-modeto fikcyjne nazwy właściwości.
Chcesz poćwiczyć całą kwalifikację INF.03?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- Pozycjonowanie elementów i z-indexWłaściwości CSS kontrolujące położenie elementu w dokumencie (static, relative, absolute, fixed, sticky) oraz kolejność nakładania warstw (z-index).
- Metody tablicowe w JS (push, pop, map, filter, forEach, splice)Funkcje wbudowane w prototyp tablic służące do mutowania zawartości, transformacji, filtrowania i iteracji po elementach.
- Zasięg zmiennych i Hoisting (let, const vs var)Mechanizmy określające widoczność zmiennych w blokach kodu oraz wynoszenie deklaracji zmiennych i funkcji na górę zakresu (Hoisting).
Podobne pytania z działu „Css box model i pozycjonowanie”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 47 pytań z tego działu.
- #128
W celu określenia wysokości obrazka wyświetlonego na stronie WWW należy wykorzystać właściwość CSS o nazwie
- #138
Który zapis stylu CSS ustawi tło bloku na kolor niebieski?
- #165
Analizując przedstawiony kod zapisany w języku HTML, można stwierdzić, że w przeglądarce
- #174
W języku CSS, w celu zdefiniowania wewnętrznego górnego marginesu, czyli odstępu między elementem a otaczającym go obramowaniem, należy użyć polecenia
- #377
W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości