Przejdź do treści

Odstęp między literami tekstu {letter-spacing}

Jak rozstrzelić lub ścieśnić tekst poprzez zwiększenie odległości między literami?

selektor { letter-spacing: odstęp }
Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów].

Natomiast jako "odstęp" należy podać konkretną wielkość odstępu między poszczególnymi literami używając jednostek długości. Wpisanie "normal" przywróci wartość domyślną.

Polecenie to pozwala ustalić odstęp pomiędzy wszystkimi poszczególnymi literami w wyrazach bloku. Dzięki temu cały tekst w linijce może być bardziej ścieśniony lub rozciągnięty.

Przykład {letter-spacing}

To jest akapit, w którym odstępy między literami wynoszą 3mm

Pytania i odpowiedzi {letter-spacing}

Co to jest rozstrzelony tekst?

Rozstrzelony tekst to właściwość CSS, która określa odstępy między poszczególnymi literami w tekście. Może być używana do tworzenia efektu, gdzie litery są od siebie nieco rozsunięte. Przykład: <p style="letter-spacing: 1px;">Lorem ipsum...</p>.

Jak rozstrzelić tekst?

Aby rozstrzelić tekst w CSS, użyj właściwości letter-spacing i ustaw wartość dodatnią, np. "letter-spacing: 1px" dla odstępów między literami. Im większa wartość, tym większy efekt rozstrzelenia tekstu. To spowoduje, że litery będą od siebie bardziej oddzielone, tworząc efekt rozstrzelonego tekstu.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
letter-spacing: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
letter-spacing: normal1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23

Komentarze

Zobacz więcej komentarzy

Facebook