Z pomocą właściwości CSS line-height możemy wpływać na wielkość odstępów pomiędzy wierszami tekstu. Czyli dodać jak w edytorze tekstu Interlinię, dzięki której lepiej dostosujemy tekst lepiej do naszych potrzeb.
Jak sama nazwa wskazuje line-height to wysokość linii a dokładniej wpływa na światło międzywierszowe. Czyli w praktyce jest to odpowiednik interlinii z edytorów tekstu. Tylko taki, który możemy samodzielnie ustawić zamiast wybrać z gotowych opcji.
Za jej pośrednictwem możemy więc tak dobrać parametry by tekst np. zaczął na siebie nachodzić (małe wartości niższe od wielkości fontu) lub linie się od siebie odsunęły.
Przykład zastosowania line-height:
Jak widać na przykładach z pomocą tej właściwości można uzyskać dość ciekawe efekty. Z pewnością też odpowiednie dobranie line-height w CSS ma bardzo istotny wpływ na czytelność strony internetowej.
Na powyższych przykładach zastosowałam wartości w px doskonale jednak sprawdzą się też inne wielkości jak % czy em.
Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…
Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…
Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…
Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…
Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…
Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…