Własność CSS letter-spacing

> Dodaj do ulubionych

Własność CSS letter-spacing określa odstępy między literami. Jej wartość jest dodawana do standardowego odstępu występującego między literami (zwanego trackingiem). Jeśli jest ujemna, to powoduje przybliżenie liter do siebie. Jeśli jest dodania, to powoduje, że litery się od siebie oddalają.

Przykład

W poniższej regule CSS odstęp między literami został zwiększony o trzy piksele:


<style>
p {
  letter-spacing: 3px;
}
</style>
...
<p>Niektóre istoty są jak zera.</p>

Na poniższym rysunku na górze widać tekst z normalnym trackingiem, a na dole – z trackingiem powiększonym o trzy piksele:

Efekt użycia własności CSS letter-spacing

Wartości i składnia

Własność letter-spacing jako wartość przyjmuje słowo kluczowe normal lub liczbę z jednostką długości:

normal
Oznacza normalny odstęp między literami dla danego fontu.
Liczba z jednostką długości
Określa, o ile ma zostać zwiększony (wartość dodatnia) lub zmniejszony (wartość ujemna) normalny odstęp między literami dla danego fontu.

Podsumowanie

ZastosowanieWszystkie elementy HTML
Obsługiwane wartościnormal, liczba z jednostką długości
Wartość początkowanormal
DziedziczenieTak
SpecyfikacjaCSS Text Module Level 4, letter-spacing