Własność CSS letter-spacing

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

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.