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 }
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: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |