KWALIFIKACJA INF3 - PAŹDZIERNIK 2016

PYTANIE NR 6.
W języku CSS, aby zdefiniować niestandardowe odstępy między wyrazami, stosuje się właściwość
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Właściwość word-spacing w CSS służy do ustawiania dodatkowego odstępu między wyrazami w tekście. Nie wpływa na odstępy między literami (od tego jest letter-spacing) ani na sposób zawijania i zachowanie spacji/enterów (to kontroluje white-space).

Pełne wyjaśnienie:

W CSS za niestandardowe (czyli inne niż domyślne wynikające z fontu i przeglądarki) odstępy między wyrazami odpowiada właściwość word-spacing. Ustawia ona dodatkową przestrzeń wstawianą pomiędzy słowami, co bywa przydatne np. w nagłówkach, banerach lub przy poprawianiu czytelności tekstu.

Odpowiedź white-space jest błędna, ponieważ ta właściwość nie ustawia "odstępu" jako wartości liczbowej między słowami. Steruje natomiast zachowaniem białych znaków (spacje, tabulatory, znaki nowej linii) oraz tym, czy tekst może się zawijać. Można nią np. wymusić brak zawijania albo zachować wielokrotne spacje, ale to inny problem niż typograficzne odstępy między wyrazami.

Odpowiedź line-spacing jest błędna, bo w standardowym CSS nie ma powszechnie stosowanej właściwości o takiej nazwie. Do kontrolowania odstępu między wierszami służy właściwość line-height, a nie "line-spacing". To częsta pułapka wynikająca z kojarzenia terminów z edytorów tekstu.

Odpowiedź letter-space jest błędna, ponieważ poprawna nazwa właściwości dotyczącej odstępów między literami to letter-spacing. Co ważne: odstępy między literami i między wyrazami to dwa różne zjawiska typograficzne, więc nawet poprawnie brzmiąca nazwa odnosząca się do liter nie rozwiązuje pytania o wyrazy.

W praktyce na egzaminie warto zapamiętać prostą mapę: word-spacing = wyrazy, letter-spacing = litery, line-height = wiersze, white-space = zachowanie spacji i zawijanie.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
word-spacing to właściwość CSS ustawiająca dodatkowy odstęp między wyrazami w tekście. Zwiększa lub zmniejsza przestrzeń pomiędzy słowami względem wartości domyślnej wynikającej z fontu i ustawień przeglądarki.
Użyj word-spacing w regule CSS, np. dla akapitu lub nagłówka. Wartość podajesz jako długość (np. px, em) albo jako normal. Dzięki temu kontrolujesz typograficzny "oddech" między słowami.
white-space steruje zachowaniem białych znaków (czy zachować wielokrotne spacje, jak traktować znaki nowej linii, czy zawijać tekst). Nie jest to narzędzie do ustawiania konkretnej wartości odstępu między słowami, jak robi to word-spacing.
word-spacing zmienia odstępy między całymi wyrazami, a letter-spacing zmienia odstępy między znakami (literami). Obie właściwości wpływają na czytelność, ale dotyczą innego poziomu typografii: słów vs znaków.
Za odstęp między wierszami odpowiada właściwość line-height. To ona reguluje wysokość linii i pośrednio "interlinię". Nazwa typu "line-spacing" jest skojarzeniem z edytorów tekstu, ale nie jest standardową właściwością CSS.
Tak, word-spacing jest standardową właściwością CSS obsługiwaną powszechnie. Rzeczywisty efekt może się nieznacznie różnić zależnie od fontu (np. szerokości spacji) i renderowania, ale sama idea i składnia pozostają takie same.
Gdy chcesz kontrolować wygląd typograficzny bez "brudzenia" treści. Dodawanie spacji w HTML jest nietrwałe i zależne od ustawień białych znaków. word-spacing jest semantycznie poprawne, bo styl zostaje w CSS.
word-spacing przyjmuje wartości długości (np. px, em, rem) oraz słowo kluczowe normal. Wartość dodatnia zwiększa odstęp, ujemna zmniejsza. Na egzaminie ważne jest rozpoznanie zastosowania właściwości, nie lista jednostek.
Tak, white-space może sprawić, że wielokrotne spacje w kodzie będą zachowane (np. przy ustawieniach typu pre). To jednak wciąż nie jest "typograficzne ustawianie odstępu", tylko decyzja o tym, czy przeglądarka redukuje spacje do jednej.
Najczęściej myli się: word-spacing z letter-spacing, a odstęp wiersza (line-height) z nieistniejącym "line-spacing". Drugi błąd to wybór white-space, bo kojarzy się ze spacjami, mimo że dotyczy głównie zawijania i zachowania białych znaków.
info

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

Eksperci podkreślają: "Właściwość word-spacing w CSS służy do ustawiania dodatkowego odstępu między wyrazami w tekście."

Źródła:

  • MDN Web Docs: "word-spacing" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/word-spacing (dostęp: 2026-02-27)
  • MDN Web Docs: "white-space" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/white-space (dostęp: 2026-02-27)
  • MDN Web Docs: "letter-spacing" (CSS) — https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN Web Docs dotycząca właściwości tekstowych CSS
  • Ćwiczenia praktyczne: stylowanie akapitów z różnymi wartościami word-spacing, letter-spacing i line-height
  • Cheat-sheet CSS (sekcja: Typography/Text)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego