Wartość normal jest domyślną wartością właściwości word-spacing.
Domyślnie wyrazy tworzące tekst elementu HTML nie posiadają dodatkowego odstępu pomiędzy sobą (są oddzielone od siebie białymi znakami).
word-spacing:normal;
wyrazy tworzące tekst tego elementu "div" nie posiadają dodatkowego odstępu pomiędzy sobą
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
wyrazy tworzące tekst tego elementu "div" nie posiadają dodatkowego odstępu pomiędzy sobą
</div>
</body>
</html>
Za pomocą właściwości word-spacing oraz dowolnej liczby wraz z wybraną jednostką absolutną lub jednostką relatywną możemy określić rozmiar dodatkowego odstępu pomiędzy wyrazami tworzącymi tekst interesującego nas elementu HTML.
word-spacing:20px;
rozmiar dodatkowego odstępu pomiędzy wyrazami tworzącymi tekst tego elementu "div" wynosi 20 pikseli, ponieważ do tego elementu "div" została dodana właściwość "word-spacing" wraz z wartością "20px"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
word-spacing:20px;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
rozmiar dodatkowego odstępu pomiędzy wyrazami tworzącymi tekst tego elementu "div" wynosi 20 pikseli, ponieważ do tego elementu "div" została dodana właściwość "word-spacing" wraz z wartością "20px"
</div>
</body>
</html>
