Własność CSS word-spacing

biuro strona

Kategoria wpisu Kurs CSS, PHP, HTML, CSS, Tekst Tagi: , , on przez .



word-spacing jest własnością CSS określającą wielkość odstępów pomiędzy wyrazami występującymi w danym tekście. 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.

Wartości przyjmowane:

 
Przykład wartością 2px:

Przykładowy tekst z zastosowaniem odstępów między wyrazami.


Przykład wartością 6px:

Przykładowy tekst z zastosowaniem odstępów między wyrazami.


Przykład wartością 20px:

Przykładowy tekst z zastosowaniem odstępów między wyrazami.


Przykład wartością -2px:

Przykładowy tekst z zastosowaniem odstępów między wyrazami.


Przykład wartością -6px:

Przykładowy tekst z zastosowaniem odstępów między wyrazami.


 

Obsługa przez przeglądarki

WłaściwośćChromeInternet Explorer
/ Edge
FirefoxSafariOpera
word-spacing1.06.01.01.03.5

źródła:
https://www.w3schools.com/cssref/pr_text_word-spacing.asp
https://developer.mozilla.org/pl/docs/Web/CSS/word-spacing
http://webkod.pl/kurs-css/wlasciwosci/wszystkie/word-spacing

Przeczytaj również

Właściwość CSS scroll-behavior Właściwość CSS scroll-behavior pozwala nam określić, w jaki sposób ma nastąpić przewinięcie treści strony podczas skoku z jednego punktu do drugiego. ...
Właściwość white-space – działania na spacja... Dzięki właściwości CSS white-space mamy możliwość określić sposób interpretowania przez przeglądarkę internetową "białych znaków" (ang. whitespace) od...
Ciekawe efekty na tekście z użyciem cienia –... Jedną z ciekawszych właściwości CSS jest Text-Shadow - czyli cień umieszczony pod tekstem. Jeszcze do niedawna (kilka lat temu) tego typu efekt uzyski...
Prosta animacja z użyciem CSS3 Zapewne każdy z was widział różne animacje na stronach internetowych. Obracające się czy wjeżdżające zdjęcia. Większość z tych animacji stworzona jest...