KWALIFIKACJA INF3 - CZERWIEC 2017

PYTANIE NR 5.
W języku CSS wartości: underline, overline, blink przyjmują atrybut
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Wartości takie jak "underline" i "overline" dotyczą dekoracji tekstu (np. podkreślenia lub nadkreślenia). W CSS przypisuje się je do właściwości text-decoration, a nie do font-style (pochylenie) ani font-weight (grubość). Warto pamiętać, że "blink" jest obecnie praktycznie niewspierane.

Pełne wyjaśnienie:

W CSS nazwy "underline" (podkreślenie) oraz "overline" (nadkreślenie) opisują dekorację tekstu. Z tego powodu przypisuje się je do właściwości text-decoration, która odpowiada za dodawanie i kontrolowanie takich efektów wizualnych na tekście.

Dlaczego nie pasują pozostałe opcje?

  • font-style służy do wyboru stylu kroju, np. normal/italic/oblique. To zmienia pochylenie lub odmianę pisma, a nie dodaje linii nad/pod tekstem.
  • font-weight dotyczy grubości kroju (np. normal, bold lub wartości liczbowe). To wpływa na "ciężar" liter, ale nie wprowadza dekoracji typu podkreślenie.
  • text-style nie jest standardową właściwością CSS, więc nie jest poprawnym wyborem w kontekście specyfikacji.

W praktyce egzaminacyjnej warto zwrócić uwagę na dwa elementy:

  • Pytania czasem używają słowa "atrybut" w znaczeniu potocznym, ale w CSS poprawniej mówić o właściwości i jej wartościach.
  • Wartość "blink" historycznie bywała kojarzona z miganiem tekstu, ale współcześnie jest uznawana za przestarzałą i zwykle niewspieraną w przeglądarkach. Na egzaminie kluczowe jest jednak rozpoznanie, że zestaw takich wartości (underline/overline/…) należy do rodziny dekoracji tekstu, czyli do text-decoration.

Wskazówka: jeśli odpowiedź dotyczy linii (nad/pod/przez tekst), najpierw sprawdź właściwości text-*, a jeśli dotyczy odmiany kroju (italic/bold), to font-*.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
text-decoration to właściwość CSS opisująca dekoracje tekstu, np. podkreślenie, nadkreślenie czy przekreślenie. Używa się jej do kontroli linii dekoracyjnych związanych z tekstem, a nie do zmiany kroju pisma (to robią właściwości font-*).
Najczęściej spotkasz wartości związane z liniami dekoracji, np. podkreślenie, nadkreślenie i przekreślenie. W praktyce projektowej używa się ich do wyróżniania linków, oznaczania zmian w tekście lub prezentowania promocji (np. cena przed obniżką).
font-style opisuje styl kroju (np. kursywa), czyli wygląd liter, a nie dodatkowe linie przy tekście. "Underline" oznacza linię pod tekstem, więc należy do dekoracji tekstu i logicznie trafia do text-decoration.
font-weight kontroluje grubość kroju (np. normal/bold). "Overline" to linia nad tekstem, czyli dekoracja. To dwie różne kategorie formatowania: ciężar liter kontra linie dekoracyjne. Dlatego właściwy obszar to text-decoration.
Nie. text-style nie jest standardową właściwością CSS opisaną w specyfikacjach. W testach bywa używana jako "pułapka" na osoby zgadujące po nazwie. Warto opierać się na rzeczywistych właściwościach, np. text-decoration, text-transform, text-align.
W praktyce webowej "blink" jest uznawane za rozwiązanie historyczne i zwykle nie jest wspierane w nowoczesnych przeglądarkach. W projektach produkcyjnych unika się migającego tekstu także ze względów użyteczności i dostępności (rozprasza, może powodować dyskomfort).
Prosta reguła: font-* dotyczy samego kroju pisma (grubość, styl, rodzina), a text-* częściej dotyczy ułożenia i "obróbki" tekstu (wyrównanie, dekoracje, transformacje). Jeśli widzisz underline/overline, myśl o text-decoration.
Najczęstsze błędy to mylenie dekoracji z pogrubieniem/kursywą oraz wybieranie odpowiedzi "na oko" po nazwie. Drugi błąd to traktowanie słowa "atrybut" jak HTML i szukanie atrybutu w znaczniku, zamiast właściwości CSS. Pomaga zapamiętanie: linie = dekoracja.
Podkreślenie jest czytelnym sygnałem linku lub elementu interaktywnego, ale w typografii dłuższych tekstów bywa nadużywane (utrudnia czytanie). W praktyce stosuj je świadomie: linki, skróty nawigacyjne, elementy wymagające wskazania działania, a nie do "ozdoby".
Ucz się blokami tematycznymi: typografia (font-*, text-*), layout (flex, grid), selektory i kaskadowość. Do każdej właściwości zapamiętaj 2–4 typowe wartości i zastosowanie. Weryfikuj w dokumentacji (np. MDN) i ćwicz krótkie przykłady w edytorze.
info

To pytanie poprawnie rozwiązuje 60% zdających egzamin. średnie

Specjaliści zwracają uwagę: "Wartości takie jak "underline" i "overline" dotyczą dekoracji tekstu (np. podkreślenia lub nadkreślenia)."

Źródła:

  • MDN Web Docs: "text-decoration" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration (dostęp: 2026-03-01)
  • W3C / CSSWG Editor’s Draft: "CSS Text Decoration Module Level 3" — https://drafts.csswg.org/css-text-decor-3/ (dostęp: 2026-03-01)
  • W3C Recommendation: "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1)" — sekcja dot. text-decoration — https://www.w3.org/TR/CSS21/text.html#lining-striking-props (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN dotycząca właściwości text-decoration
  • Specyfikacja W3C: CSS Text Decoration Module Level 3
  • Ćwiczenia z kaskadowości i dziedziczenia CSS na prostych komponentach UI

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego