KWALIFIKACJA INF3 - STYCZEŃ 2020

PYTANIE NR 10.
W języku CSS wartości: underline, overline, line-through oraz blink dotyczą właściwości
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W CSS wartości underline, overline i line-through opisują dekorację tekstu (np. podkreślenie lub przekreślenie), więc dotyczą właściwości text-decoration (obecnie szczególnie składowej text-decoration-line). blink jest wartością historyczną i w nowoczesnych przeglądarkach zwykle nie działa.

Pełne wyjaśnienie:

Wartości underline, overline oraz line-through odnoszą się do tego, jaką dekorację ma mieć tekst: odpowiednio podkreślenie, nadkreślenie oraz przekreślenie. W klasycznym (historycznym) zapisie CSS były one używane jako wartości właściwości text-decoration. W nowszych opisach standardu funkcja ta jest rozbita na składowe, a same typy linii są kojarzone głównie z text-decoration-line, jednak w praktyce egzaminacyjnej nadal poprawnie łączy się je z rodziną text-decoration.

  • Dlaczego "text-decoration" jest poprawne?
    Bo ta właściwość (lub jej składowe) służy do definiowania ozdobnych linii związanych z tekstem: podkreślenia, nadkreślenia, przekreślenia.
  • Dlaczego "text-align" jest błędne?
    text-align odpowiada za wyrównanie tekstu (np. do lewej, do prawej, wyśrodkowanie, justowanie), a nie za rysowanie linii dekoracyjnych na tekście.
  • Dlaczego "font-style" jest błędne?
    font-style
  • Dlaczego "font-decoration" jest błędne?
    Taka właściwość nie jest standardową właściwością CSS, więc nie może być poprawną odpowiedzią.

Uwaga praktyczna: wartość blink jest obecnie uznawana za przestarzałą i zazwyczaj nie jest wspierana w nowoczesnych przeglądarkach. W testach może jednak wystąpić jako element historycznej wiedzy o CSS i dawnych wartościach powiązanych z dekoracją tekstu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
text-decoration służy do ustawiania dekoracji tekstu, czyli m.in. podkreślenia, przekreślenia i nadkreślenia. W nowszym podejściu jest to "skrót" obejmujący m.in. text-decoration-line, -style i -color.
Najczęściej używa się text-decoration: underline; albo dokładniej text-decoration-line: underline;. Podkreślenie stosuje się np. dla linków lub elementów wymagających wyróżnienia, ale w UI warto robić to konsekwentnie.
W CSS można użyć text-decoration: line-through;, co daje efekt przekreślenia. W praktyce często łączy się to z prezentacją promocji: stara cena jest przekreślona, a nowa wyświetlana obok innym stylem.
text-align steruje ułożeniem tekstu w poziomie (np. do lewej, środka, prawej, justowanie). Podkreślenie i przekreślenie to dekoracja rysowana "na" tekście, więc należy do text-decoration, a nie do wyrównania.
overline oznacza nadkreślenie, czyli linię rysowaną nad tekstem. Ustawia się ją przez text-decoration (lub text-decoration-line). Jest rzadsza w UI, ale bywa używana w typografii lub oznaczeniach redakcyjnych.
Wartość blink jest historyczna i w praktyce nowoczesnych przeglądarek zwykle nie jest wspierana. Na egzaminach może pojawić się jako element starszej składni i wiedzy o dekoracji tekstu, ale w projektach produkcyjnych lepiej jej nie używać.
W praktyce spotkasz m.in. text-decoration-line (rodzaj linii), text-decoration-style (np. solid/dotted) oraz text-decoration-color. Właściwość text-decoration może działać jako zapis skrócony łączący te elementy.
font-style dotyczy kształtu kroju (np. kursywa), czyli tego, jak "pochylone" są litery. text-decoration dodaje linie dekoracyjne (podkreślenie, przekreślenie, nadkreślenie). To różne mechanizmy i inne zestawy wartości.
Nie, font-decoration nie jest standardową właściwością CSS. To częsty "fałszywy przyjaciel" wynikający z tego, że wiele właściwości czcionek zaczyna się od font-, ale dekoracje tekstu należą do rodziny text-decoration.
Pomaga skojarzenie: decoration = ozdoba. Podkreślenie i przekreślenie są "ozdobami" rysowanymi na tekście, więc trafiają do text-decoration. align = wyrównanie dotyczy ułożenia akapitu, a nie linii na literach.
info

Statystycznie 61% uczniów zna prawidłową odpowiedź. średnie

Według specjalistów z branży: "blink jest wartością historyczną i w nowoczesnych przeglądarkach zwykle nie działa."

Źródła:

  • MDN Web Docs: "text-decoration" — https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration (dostęp: 2026-02-18)
  • MDN Web Docs: "text-align" — https://developer.mozilla.org/en-US/docs/Web/CSS/text-align (dostęp: 2026-02-18)
  • MDN Web Docs: "font-style" — https://developer.mozilla.org/en-US/docs/Web/CSS/font-style (dostęp: 2026-02-18)

Materiały:

  • Dokumentacja MDN dla właściwości text-decoration i powiązanych (text-decoration-line, -style, -color)
  • Ćwiczenia: przygotowanie arkusza CSS z przykładami podkreślenia, przekreślenia i nadkreślenia
  • Specyfikacja CSS Text Decoration (dla zrozumienia rozdzielenia text-decoration na podwłaściwości)

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego