Wartość line-height bez jednostek w CSS

Wartością właściwości line-height nie koniecznie musi być liczba w jakichś jednostkach. Można również po prostu wpisać liczbę lub ułamek. W tym przypadku rzeczywistą wartość line-height można znaleźć, mnożąc ją przez wartość font-size.

Na przykład, font-size wynosi 10px, a line-height - 1.5. W tym przypadku rzeczywista wartość line-height będzie 10px * 1.5 = 15px. Cóż, a widzialna biała przerwa między wierszami tekstu będzie 5px: 15px - 10px = 5px.

Zaletą takiego sposobu ustawiania line-height jest to, że przy zmianie rozmiaru czcionki automatycznie będzie zmieniać się również interlinia.

Spójrzmy na zastosowanie opisane na przykładzie:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
	width: 400px;
}

Niech rozmiar czcionki dla akapitów wynosi 30px. Ustaw właściwość line-height tak, aby widzialna biała przerwa między akapitami wynosiła 15px. Użyj do tego wartości line-height bez jednostek.