KWALIFIKACJA PGF4 - CZERWIEC 2020

PYTANIE NR 34.
Która właściwość CSS umożliwia zdefiniowanie koloru tła elementu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Właściwość background-color służy do ustawiania koloru tła elementu. color zmienia kolor tekstu, a formy typu bgcolor to niepoprawna właściwość CSS (kojarzona raczej z dawnym HTML). Dlatego poprawnym wyborem jest "Background-Color."

Pełne wyjaśnienie:

W CSS kolor tła elementu ustawia się deklaracją właściwości background-color. Jest to podstawowy sposób nadawania tła np. dla bloków, nagłówków, przycisków czy kontenerów w layoucie. Przykładowa deklaracja wygląda tak: background-color: #ffffff; albo background-color: rgb(0, 0, 0);.

Odpowiedź "Background-Color." wskazuje na właściwość odpowiadającą za tło. W praktyce w kodzie najczęściej zapisuje się ją małymi literami (background-color), ale sens i rozpoznanie właściwości pozostają jednoznaczne.

Pozostałe propozycje są błędne, bo dotyczą innych mechanizmów lub nie są właściwościami CSS:

  • "Bgcolor." to niepoprawna nazwa właściwości CSS; bywa kojarzona z historycznym atrybutem HTML bgcolor, który nie jest deklaracją CSS.
  • "Text-Color." nie jest standardową właściwością CSS. Kolor tekstu ustawia się przez color.
  • "Color." w CSS oznacza kolor tekstu (foreground), a nie tła. Użycie jej zmieni barwę liter, ikon tekstowych itp., ale tło elementu pozostanie bez zmian (chyba że ustawiono je inną właściwością).

Wskazówka egzaminacyjna: gdy pytanie mówi o "tle", szukaj właściwości z członem background; gdy o "tekście", najczęściej chodzi o color. To szybka metoda uniknięcia pomyłek.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
background-color to właściwość CSS, która ustawia kolor tła danego elementu (np. bloku, przycisku, nagłówka). Wpisujesz ją w deklaracji stylu, np.: background-color: #f0f0f0;, aby nadać jednolite tło.
color ustawia kolor tekstu (pierwszego planu), a background-color ustawia kolor tła elementu. To częsta pułapka na egzaminie: tekst i tło to dwie różne właściwości i mogą mieć niezależne wartości.
Nie. bgcolor nie jest standardową właściwością CSS. Kojarzy się z dawnym HTML jako atrybut ustawiający tło, ale w nowoczesnych projektach kolor tła definiuje się w CSS przez background-color.
Najczęściej nadajesz elementowi klasę lub identyfikator i ustawiasz styl selektorem. Przykład: klasa .karta i reguła .karta { background-color: #fff; }. Dzięki temu zmiana dotyczy tylko wybranych elementów.
Bo color jest zdefiniowane jako kolor treści tekstowej (foreground). Tło jest osobną warstwą renderowania i ma własne właściwości z rodziny background-.... Jeśli ustawisz samo color, zmieni się barwa liter, a nie tła.
background-color może przyjmować m.in. nazwy kolorów (np. red), zapis heksadecymalny (np. #ff0000), formaty rgb()/rgba() i inne z CSS Color. Ważne, by wartość była poprawnym zapisem koloru.
Zasadniczo background-color nie jest dziedziczone. Potomkowie mogą "widzieć" tło rodzica tylko wtedy, gdy sami mają tło przezroczyste (domyślnie). To nie dziedziczenie, tylko efekt renderowania warstw tła.
Możesz użyć wartości transparent albo zapisu z kanałem alfa, np. rgba(0,0,0,0.3). To przydaje się w projektach multimedialnych, gdy chcesz nałożyć półprzezroczyste panele na zdjęcie lub wideo.
W praktyce nazwy właściwości CSS zapisuje się małymi literami, np. background-color. W środowiskach webowych trzymanie się standardowej notacji zmniejsza ryzyko błędów i ułatwia czytanie kodu, zwłaszcza w pracy zespołowej.
Ćwicz pary pojęć: tło (background) vs tekst (color). Rób krótkie zadania: ustaw tło sekcji, potem zmień kolor nagłówka i sprawdź efekt. Na egzaminie szukaj słowa "tło" w treści pytania i dopasuj właściwość z background.
info

To pytanie poprawnie rozwiązuje 74% zdających egzamin. średnio łatwe

Eksperci podkreślają: "Właściwość background-color służy do ustawiania koloru tła elementu."

Źródła:

  • MDN Web Docs: "background-color" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/background-color - accessed 2026-02-27
  • MDN Web Docs: "color" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/color - accessed 2026-02-27
  • W3C CSS Color Module Level 4: definicja właściwości "color" — https://www.w3.org/TR/css-color-4/ - accessed 2026-02-27

Materiały:

  • Dokumentacja MDN o background-color i color
  • Ćwiczenia z selektorów i deklaracji CSS na prostych komponentach (np. karty, przyciski)
  • Wprowadzenie do modelu pudełkowego i tła (background) w CSS

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego