KWALIFIKACJA INF3 - STYCZEŃ 2016

PYTANIE NR 5.
Aby uzyskać efekt rozstrzelenia liter w selektorze CSS, należy użyć właściwości
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Efekt "rozstrzelenia" liter w CSS oznacza zwiększenie (lub zmniejszenie) odstępu między znakami w tekście. Służy do tego właściwość letter-spacing, która ustala dodatkowy odstęp pomiędzy literami. Pozostałe opcje dotyczą dekoracji tekstu lub nie są poprawnymi właściwościami CSS.

Pełne wyjaśnienie:

"Rozstrzelenie liter" to potoczne określenie na zmianę odstępu pomiędzy znakami (najczęściej literami) w wyświetlanym tekście. W CSS odpowiada za to właściwość letter-spacing. Ustawiając ją, możesz np. zwiększyć odstęp w nagłówkach, logotypach lub w elementach nawigacji, aby uzyskać określony efekt typograficzny i poprawić czytelność.

Dlaczego poprawna jest odpowiedź "letter-spacing"? Ponieważ ta właściwość wprost kontroluje odstęp pomiędzy znakami. Działa na tekst w elemencie HTML, a jej wartością jest zwykle długość (np. w pikselach), co przekłada się na wizualne "rozsunięcie" liter.

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

  • text-decoration dotyczy dekoracji tekstu, takich jak podkreślenie, przekreślenie czy linia nad tekstem. Nie zmienia odległości między literami.
  • letter-transform nie jest standardową właściwością CSS. Zmiana wielkości liter (np. na wersaliki) jest realizowana przez text-transform, ale to wciąż nie jest "rozstrzelenie".
  • text-space również nie jest standardową właściwością CSS. Odstępy w typografii są obsługiwane innymi właściwościami (np. dla liter, wyrazów czy wysokości linii).

Wskazówka egzaminacyjna: jeśli w pytaniu pada "odstęp między literami/znakami", szukaj właściwości związanej z spacing i literami. Jeśli pada "podkreślenie" lub "przekreślenie", wtedy właściwa będzie rodzina text-decoration.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Rozstrzelenie liter to zmiana odstępu między znakami w tekście (najczęściej zwiększenie dystansu między literami). W CSS uzyskuje się je przez ustawienie właściwości odpowiedzialnej za odstęp między znakami, co wpływa na wygląd typografii bez zmiany samej treści.
letter-spacing dodaje (lub odejmuje) odstęp pomiędzy sąsiednimi znakami tekstu. Zwiększenie wartości powoduje "rozsunięcie" liter, a zmniejszenie — ich zbliżenie. To narzędzie typograficzne używane m.in. w nagłówkach i elementach UI.
text-decoration służy do dekoracji, np. podkreślenia lub przekreślenia tekstu. Wpływa na rysowanie linii dekoracyjnych, a nie na geometrię odstępów między znakami. Dlatego nie daje efektu zwiększenia odległości między literami.
text-transform zmienia zapis liter (np. na wielkie, małe, kapitaliki), ale nie zmienia odległości między znakami. letter-spacing nie zmienia treści ani wielkości liter, tylko ich rozmieszczenie w poziomie poprzez regulację odstępu typograficznego.
Nie. letter-transform nie jest standardową właściwością CSS. W praktyce spotkasz m.in. letter-spacing (odstępy między znakami) oraz text-transform (zmiana wielkości liter). Na egzaminie warto wyłapywać takie "podobne" nazwy-pułapki.
Nie. text-space nie jest standardową właściwością CSS. Jeśli pytanie dotyczy odstępów, zwykle chodzi o właściwości związane z literami, wyrazami lub wierszami. Na egzaminie uważaj na nazwy brzmiące wiarygodnie, ale nieistniejące.
Wartość letter-spacing podaje się jako długość, czyli typowo w jednostkach stosowanych w CSS (np. px, em, rem). Dodatnia zwiększa odstęp, ujemna go zmniejsza. Dobór jednostki zależy od tego, czy odstęp ma skalować się z rozmiarem fontu.
Zwiększanie odstępu stosuje się m.in. w nagłówkach, przy krótkich etykietach przycisków, w menu oraz w elementach identyfikacji wizualnej. Celem jest czytelność i "oddech" typografii. Trzeba uważać, by nie przesadzić, bo tekst staje się trudniejszy do czytania.
Częsty błąd to mylenie właściwości dekoracji (podkreślenie) z właściwościami odstępów (litery/wyrazy/wiersze). Drugi błąd to wybór nieistniejącej właściwości o "wiarygodnej" nazwie. Pomaga kojarzenie rodzin: spacing, decoration, transform.
Pomaga znajomość najczęstszych rodzin nazw (np. spacing, decoration, transform) oraz świadomość, że CSS ma ustalone, powtarzalne wzorce. Jeśli nazwa brzmi jak hybryda dwóch znanych właściwości, bywa to pułapka. W razie wątpliwości porównuj z tym, co faktycznie robi dana kategoria.
info

Statystycznie 71% uczniów zna prawidłową odpowiedź. średnio łatwe

Eksperci podkreślają: "Efekt "rozstrzelenia" liter w CSS oznacza zwiększenie (lub zmniejszenie) odstępu między znakami w tekście."

Źródła:

  • MDN Web Docs: "letter-spacing" — https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing (dostęp: 2026-03-04)
  • MDN Web Docs: "text-decoration" — https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration (dostęp: 2026-03-04)
  • MDN Web Docs: "text-transform" — https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform (dostęp: 2026-03-04)

Materiały:

  • Dokumentacja MDN dotycząca właściwości letter-spacing
  • Dokumentacja MDN dotycząca właściwości text-decoration
  • Materiały o typografii w CSS (odstępy, kerning, line-height)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego