CSS-ში line-height-ის ერთეულების გარეშე მნიშვნელობა

line-height თვისების მნიშვნელობა არ აუცილებლად უნდა იყოს რიცხვი რაიმე ერთეულში. ასევე შესაძლებელია უბრალოდ რიცხვის ან წილადის დაწერა. ამ შემთხვევაში, line-height-ის რეალური მნიშვნელობის საპოვნელად, მისი font-size-ის მნიშვნელობაზე გამრავლება შეიძლება.

მაგალითად, font-size უდრის 10px-ს, ხოლო line-height - 1.5-ს. ამ შემთხვევაში, line-height-ის რეალური მნიშვნელობა იქნება 10px * 1.5 = 15px. ხოლო, ტექსტის ხაზებს შორის ხილული თეთრი ინტერვალი იქნება 5px: 15px - 10px = 5px.

line-height-ის მითითების ამ გზის უპირატესობა ისაა, რომ ფონტის ზომის შეცვლისას ავტომატურად შეიცვლება ხაზთაშორისი ინტერვალიც.

ვნახოთ აღწერილის გამოყენება მაგალითზე:

html<p>
  some long text
</p>

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

Результат: