Waarde van line-height zonder eenheden in CSS

De waarde van de eigenschap line-height hoeft niet per se een getal met eenheid te zijn. Je kunt ook gewoon een getal of breuk schrijven. In dit geval kan de werkelijke waarde van line-height worden gevonden door deze te vermenigvuldigen met de waarde van font-size.

Stel, font-size is 10px, en line-height is 1.5. In dit geval is de werkelijke waarde van line-height 10px * 1.5 = 15px. Nou, en de zichtbare witte ruimte tussen de tekstregels zal 5px zijn: 15px - 10px = 5px.

Het voordeel van het op deze manier instellen van line-height is dat wanneer de lettergrootte verandert, de regelafstand automatisch mee verandert.

Laten we de beschreven toepassing bekijken in een voorbeeld:

html<p>
  some long text
</p>

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

Результат: