Własność CSS line-height

Własność CSS line-height określa tzw. preferowaną wysokość wiersza, czyli wysokość pola liniowego tekstu, która jest wykorzystywana do obliczania jego udziału w logicznym układzie elementów na stronie. Mówiąc prościej określa ona wysokość wiersza tekstu na stronie. Więcej szczegółowych informacji na ten temat znajduje się na stronie Formatowanie tekstu w CSS w sekcji Wysokość wiersza.

Przykład

W poniższym przykładzie wysokość wiersza akapitów została ustawiona na 1,5 rozmiaru ich pisma:

p {
  line-height: 1.5;
}

Wartości i składnia

Własność line-height przyjmuje następujące wartości:

Słowo kluczowe normal

Jego znaczenie zależy od przeglądarki i w większości przypadków wynosi około 1.2.

Liczba bez jednostki długości

Liczba ta jest mnożnikiem obecnego rozmiaru pisma elementu, dla którego została zdefiniowana własność line-height. Jest to najbardziej polecana metoda ustawiania wysokości wiersza. Szczegółowy opis tej kwestii znajduje się na stronie Formatowanie tekstu w CSS w sekcji Wysokość wiersza.

liczba z jednostką długości

Określa konkretną wysokość wiersza, ale należy uważać na wartości względne, takie jak em lub procentowe, ponieważ w przypadku dziedziczenia mogą dawać zaskakujące wyniki. Więcej informacji na ten temat znajduje się na stronie Formatowanie tekstu w CSS w sekcji Wysokość wiersza.

Wartość procentowa

Określa wysokość jako procent obecnego rozmiaru pisma elementu. Wynik zastosowania tego typu wartości może być zaskakujący w przypadku dziedziczenia. Więcej informacji na ten temat znajduje się na stronie Formatowanie tekstu w CSS w sekcji Wysokość wiersza.

Podsumowanie