Właściwość CSS word-spacing służy do określania wielkość odstępów pomiędzy wyrazami występującymi w danym tekście na stronie internetowej.
Może przyjmować zarówno wartości dodatnie jak i ujemne (nie wszystkie przeglądarki obsługują). Stosując word-spacing można zdefiniować do trzech wartości, w celu wskazania minimalnej, maksymalnej oraz optymalnej przerwy pomiędzy słowami.
word-spacing: normal|length|initial|inherit;
To tyle z teorii, aby w jak najlepiej zrozumieć dodawanie odstępów pomiędzy wyrazami najlepiej ten efekt zobaczyć w praktyce. Postaram się wam pokazać różnego typu przykłady tak byście mogli następnie samodzielnie dodawać dystanse pomiędzy słowami na waszych stronach.
Przy zastosowaniu wartości ujemnej prześwit pomiędzy słowami w istotny sposób się zmniejszył. Dzięki tej właściwości możemy więc nie tylko rozsuwać od siebie słowa jak gdyby ściskać je ze sobą.
Odpowiednio niska wartość word-spacing może sprawić, że słowa w akapicie praktycznie będą na siebie na chodzić. Pokazane jest to w ostatnim przykładzie. Widocznie brakuje tam przerw między pojedynczymi słowami, co daje efekt jak by wszystko było pisane jednym ciągiem. Jedno długie słowo zamiast krótkiego tekstu.
| Właściwość | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| word-spacing | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
źródła:
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…