KWALIFIKACJA INF3 - CZERWIEC 2016

PYTANIE NR 6.
W języku CSS, aby formatować tekst poprzez przekreślenie, podkreślenie dolne lub górne, należy zastosować atrybut
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W CSS za podkreślenie, przekreślenie lub nadkreślenie odpowiada właściwość text-decoration, która pozwala ustawić m.in. underline, line-through i overline. "text-indent" steruje wcięciem, "text-transform" zmienia wielkość liter, a "text-align" ustawia wyrównanie tekstu.

Pełne wyjaśnienie:

Właściwość text-decoration służy do nadawania tekstowi dekoracji w postaci linii. To właśnie ona pozwala uzyskać efekty wskazane w pytaniu: podkreślenie (underline), przekreślenie (line-through) oraz nadkreślenie (overline). W praktyce spotkasz ją np. przy prezentowaniu ceny "przed promocją" (tekst przekreślony) albo przy kontrolowaniu sposobu podkreślania linków.

Dlaczego pozostałe odpowiedzi są błędne?

  • text-indent dotyczy wcięcia pierwszego wiersza akapitu (np. w typografii tekstów ciągłych). Nie rysuje żadnej linii dekoracyjnej na tekście.
  • text-transform zmienia zapis liter (np. na wielkie litery, małe litery, kapitaliki w sensie zamiany na kapitaliki/tytułowe). To transformacja treści tekstowej, a nie dekoracja linią.
  • text-align odpowiada za wyrównanie tekstu w poziomie (np. do lewej, do prawej, wyśrodkowanie, justowanie). Wyrównanie wpływa na układ w bloku, ale nie dodaje podkreślenia ani przekreślenia.

Wskazówka egzaminacyjna: gdy w pytaniu pojawiają się "linie na tekście" (podkreślenie, przekreślenie, nadkreślenie), myśl o rodzinie właściwości text-decoration. Gdy mowa o wcięciu — indent, a gdy o wyrównaniu — align. Takie skojarzenia pomagają uniknąć pomyłek wynikających z podobnych nazw.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
text-decoration to właściwość CSS służąca do dodawania dekoracji tekstu, głównie w postaci linii. Umożliwia m.in. podkreślenie, przekreślenie i nadkreślenie oraz ustawienia powiązane (np. styl i kolor dekoracji).
Najczęściej używa się text-decoration z wartością underline. W praktyce ustawiasz dekorację dla wybranego selektora, aby tekst miał linię pod spodem. To dotyczy zarówno zwykłego tekstu, jak i linków.
Do przekreślenia używa się text-decoration z wartością line-through. Jest to typowy sposób na pokazanie np. ceny przed obniżką albo oznaczenie elementu jako "nieaktualny" w interfejsie.
overline oznacza nadkreślenie, czyli linię rysowaną nad tekstem. Ustawia się je poprzez text-decoration. W praktyce jest rzadsze niż podkreślenie, ale bywa używane w typografii lub jako wyróżnik w UI.
text-align odpowiada za wyrównanie tekstu w poziomie (np. do lewej, środka, prawej, justowanie). Nie dodaje żadnych linii do znaków, więc nie realizuje podkreślenia ani przekreślenia — do tego służy text-decoration.
text-indent zmienia wcięcie (zwykle pierwszego wiersza akapitu), czyli przesuwa początek tekstu. text-decoration dodaje dekorację w formie linii (np. underline, line-through). To dwie różne kategorie formatowania: układ vs dekoracja.
Nie. text-transform wpływa na zapis liter (np. zamiana na wielkie litery lub małe litery). Podkreślenie, przekreślenie i nadkreślenie to dekoracje liniowe, które ustawia się przez text-decoration.
Najczęściej myli się podobne nazwy: text-decoration z text-transform oraz text-align. Pomaga zapamiętanie skojarzeń: dekoracja = linie, transform = zmiana liter, align = wyrównanie, indent = wcięcie.
Gdy projekt graficzny tego wymaga, usuwa się podkreślenie linków przez ustawienie text-decoration na none. Trzeba wtedy zapewnić inne, czytelne wyróżnienie linku (np. kolor, pogrubienie, efekt po najechaniu).
Warto zrobić listę najczęstszych właściwości tekstu i przetestować je w krótkich przykładach: wyrównanie, wcięcie, transformacje liter, dekoracje. Ucz się przez porównania (co zmienia układ, co zmienia zapis liter, co dodaje linie), bo to ogranicza pomyłki.
info

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

Eksperci podkreślają: "W CSS za podkreślenie, przekreślenie lub nadkreślenie odpowiada właściwość text-decoration, która pozwala ustawić m.in. underline, line-through i overline."

Źródła:

  • MDN Web Docs: "text-decoration" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration (dostęp: 2026-02-27)
  • W3C: CSS Text Decoration Module Level 3 — https://www.w3.org/TR/css-text-decor-3/ (dostęp: 2026-02-27)
  • W3Schools: CSS text-decoration Property — https://www.w3schools.com/cssref/pr_text_text-decoration.php (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN dotycząca właściwości text-decoration
  • Specyfikacja W3C modułu dekoracji tekstu CSS
  • Ćwiczenia praktyczne: tworzenie prostych stylów typografii w arkuszu CSS

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego