Własność CSS word-spacing

biuro strona

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



Reading Time: 2 minutes

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 – resize Dzięki właściwość CSS resize użytkownik zyskuje możliwość zmiany rozmiaru danego pola (np. div lub textarea). Właściwość resize jest ściśle powiąza...
Niezwykłe efekty tekstowe z użyciem CSS3 Pojawienie się CSS3 było przełomowe w wielu aspektach budowy stron internetowych. Nie tylko ze względu na częściowe a niekiedy nawet całkowite zastąpi...
Usuwanie obramowania klikniętych linków CSS Usuwanie obramowania klikniętych linków jest dosyć proste i nie wymaga jakieś dużej wiedzy z CSS lub HTML. Używają określenia obramowanie linka mam na...
Przezroczyste tło lub element z pomocą CSS Istnieje kilka metod uzyskania przezroczystości z wykorzystaniem CSS. Poniżej postaram się kilka z nich przedstawić. Metody te są w większości obsługi...