CSS word-spacing

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

CSS word-spacing

Właściwość CSS word-spacing służy do ustawiania odstępów między słowami w tekście. Jest używana wtedy, gdy standardowe odstępy mają być zwiększone albo zmniejszone, np. w nagłówkach, elementach dekoracyjnych lub składzie typograficznym.

Składnia

selektor {
  word-spacing: wartość;
}

Najczęściej stosuje się wartości w jednostkach długości, np. px, em, rem:

p {
  word-spacing: 8px;
}

Powyższy zapis zwiększa odstępy między słowami w akapitach o 8px.

Przykłady wartości

.normalny {
  word-spacing: normal;
}

.duzy-odstep {
  word-spacing: 12px;
}

.mniejszy-odstep {
  word-spacing: -2px;
}

Wartość normal oznacza domyślny odstęp ustawiany przez przeglądarkę. Możliwe są też wartości ujemne, ale należy stosować je ostrożnie, ponieważ mogą pogorszyć czytelność tekstu.

Różnica względem podobnych właściwości

  • word-spacing — zmienia odstępy między słowami.
  • letter-spacing — zmienia odstępy między literami.
  • line-height — określa wysokość linii tekstu, czyli wpływa na odstępy między wierszami.
  • white-space — kontroluje sposób obsługi spacji, tabulatorów i łamania wierszy.

W kontekście egzaminu

Jeśli pytanie dotyczy „nietypowych odległości między słowami” w CSS, poprawną odpowiedzią jest word-spacing. Odpowiedzi typu line-spacing lub letter-space są mylące, ponieważ nie są standardowymi nazwami właściwości CSS.