Dowiedz się, jak wykorzystać wysokość linii stylu CSS, aby wpłynąć na odstępy między wierszami na stronach internetowych.
Wartości odstępów między wierszami CSS
Odstępy między wierszami CSS zależą od wysokości linii stylu CSS. Ta właściwość ma do 5 różnych wartości:
- Normalna: przeglądarka określa wartość odstępów między wierszami, która jest związana z rozmiarem czcionki. Zwykle jest to taki sam rozmiar czcionki lub nieco większy (np. 20%).
- Dziedziczyć: odstępy między wierszami należy zaczerpnąć z odstępów między liniami elementu macierzystego. Jeśli więc ustawisz wysokość linii znacznika body o 30% większą niż rozmiar czcionki i znaczniki akapitu w środku, które są ustawione na dziedziczenie, będą również miały wysokość linii o 30% większą niż rozmiar czcionki.
- Numer: Jeśli wartość wysokości linii nie ma jednostki miary, uważa się ją za mnożnik rozmiaru czcionki dla wysokości linii. Tak więc wysokość linii 1,25 byłaby o 25% większa niż rozmiar czcionki.
- Długość: Jeśli wartość wysokości linii ma jednostkę miary, to jest dokładna ilość miejsca między liniami. Tak więc, 1,25 mm spowodowałoby, że linie byłyby oddalone o 1,25 milimetra.
- Procent: Jeśli wysokość linii jest wartością procentową, byłby to procentowy rozmiar czcionki. Tak więc wysokość linii wynosząca 125% byłaby o 25% większa niż rozmiar czcionki.
Którą wartość należy zastosować do odstępów między wierszami CSS
W większości przypadków najlepszym wyborem dla odstępów między wierszami jest pozostawienie wartości domyślnej lub "normalnej". Jest to ogólnie najbardziej czytelne i nie wymaga wykonywania żadnych specjalnych czynności. Ale zmiana odstępu między wierszami może nadać tekstowi inny odcień.
Jeśli twój rozmiar czcionki jest zdefiniowany jako ems lub procenty, twoja wysokość linii również powinna być zdefiniowana w ten sposób. Jest to najbardziej elastyczna forma odstępów między wierszami, ponieważ pozwala ona na zmianę rozmiaru czcionek i zachowuje taki sam stosunek do odstępów między wierszami.
Ustawić wysokość linii dla drukowania arkuszy stylów z wartością punktu (pt). Punkt jest miarą druku, więc twoje rozmiary czcionek również powinny być w punktach.
Nie lubimy używać wyboru numeru, ponieważ odkryliśmy, że jest to bardzo mylące dla ludzi. Wiele osób uważa, że liczba jest bezwzględna, a więc czynią ją ogromną. Na przykład możesz ustawić czcionkę na 14 pikseli, a następnie ustawić wysokość linii na 14, co spowoduje ogromne odstępy między liniami, ponieważ odstępy między wierszami są ustawione na 14 czasy rozmiar czcionki.
Ile przestrzeni należy użyć, by oddzielić linię
Jak wspomniano powyżej, zalecamy użycie domyślnego odstępu między wierszami, chyba że masz konkretny powód, aby go zmienić. Zmiana odstępów między wierszami może mieć różne efekty:
- Tekst, który jest bardzo napięty, może być trudny do odczytania. Ale małe przestrzenie linii mogą wpływać na nastrój tekstu. Jeśli tekst jest zgnieciony razem, może sprawić, że tekst będzie ciemniejszy lub gęstszy.
- Tekst znajdujący się dalej może być trudny do odczytania. Ale szerokie odstępy między wierszami sprawiają, że tekst wydaje się bardziej płynny i płynny.
- Zmiana odstępów między wierszami może sprawić, że tekst, który w przeciwnym razie nie zmieściłby się w przestrzeni, byłby bardziej zwarty lub zajmowałby więcej miejsca w projektach.
