Wszystkie witryny są unikalne, każdy ma swój oryginalny projekt. Tekst, który jest głównym składnikiem każdej witryny, powinien być spójny z ogólną stylizacją. Czasami zwykła zmiana rodziny czcionek i kolorów nie wystarcza do stworzenia dobrego tekstu. W tym przypadku przydatne są odstępy między literami - właściwość zmiany odstępów między literami w CSS
Dlaczego chcesz mieć właściwość odstępu między literami?
Jeśli zwiększysz odległość między literami w CSS, możesz uzyskać unikalny styl rysowania tekstu. Aby utworzyć unikalną czcionkę, czasami trzeba utworzyć wcięcie między literami. Możesz zwiększyć odległość między literami tylko poprzez CSS. W tej funkcji właściwość to odstęp między literami. Jest to dodatkowe narzędzie w CSS, które pozwala na zmianę odległości między literami. Ale czasami to on, a nie na dobry styl tekstu.
Jak zmienić odległość między literami? CSS: odstępy między literami
We wszystkich przeglądarkach ta właściwość jest ustawiona jako domyślna. Dotyczy to wszystkich nowoczesnych przeglądarek i nie tylko (na przykład Internet Explorer). Wartość tej właściwości jest dziedziczona dla wszystkich potomków selektora. Oznacza to, że ustawiając wcięcie między literami znacznika body, zmienisz odstępy między literami dla całej strony. Kolejna kwestia: rozważ podaną czcionkę. Dla każdego wcięcia litery różnią się. Różnica jest niewielka, mierzona w pikselach, ale należy pamiętać. Działanie tej właściwości polega na tym, że dodaje ona do każdej litery wcięcie po prawej stronie. To się zmieniaodległość między literami na bardziej szczegółowym poziomie. Działa według zasady lewa-lewa. Rozmieszczenie liter można podać w różnych rozmiarach: względne (em, rem, ex i inne) i bezwzględne (px, mm, cm). Najbardziej odpowiednie do użycia są wartości px, rem i em. Oczywiście najlepiej jest podać wartości w pikselach, ponieważ jest to najwygodniejsze i lepiej nadaje się do zmiany małej odległości.
Najpierw wypełnij stronę z treścią, na której przetestujemy tę właściwość.
Aby go zainstalować, otwórz dokument CSS, a następnie napisz linię rozdzielającą litery: 5px dla znacznika body. Ten wpis będzie oznaczał, że odległość między literami wzrośnie o 5 pikseli na całej stronie (będzie to 6 lub 55 w zależności od czcionki). Po zapisaniu powyższego kodu otrzymasz następującą stronę internetową:
Wartości dodatnie zwykle nie przekraczają 3-5 pikseli, ale nie zawsze. Czasami używane są dłuższe odległości, na przykład podczas tworzenia głównego nagłówka. Nie zaleca się wykonywania odległości większych niż 10 pikseli, ponieważ tekst będzie nieczytelny. Ponadto możliwe jest zmniejszenie odległości między literami w CSS. Biorąc pod uwagę to samo, ale ze znakiem "-". Zwykle minimalna wartość to -1 px. Możesz podać -10 nawet -20, ale nie będzie można odczytać tekstu. Jeśli chcesz utworzyć tekst z małymi wcięciami, nie używaj wartości mniejszych niż 200 pikseli.
Praktyczne zastosowanie
W CSS odstęp między literami służy do tworzenia unikatowej czcionki. Może być również używany podczas tworzenia nagłówka, jeśli jest używanyWłaściwość font-style: italic i piękny kolor, może służyć jako alternatywa dla dobrego logo. Ponadto, jeśli użyjesz tej właściwości w połączeniu z wyrównaniem tekstu: wyśrodkuj poprawnie, możesz ustawić ładny nagłówek artykułu dla swojego bloga. Rozmieszczenie liter jest doskonałą właściwością CSS do zmiany odstępów między literami. Najważniejsze - nie przesadzaj z odchyleniami.
