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-ის მითითების ამ გზის უპირატესობა ისაა, რომ ფონტის ზომის შეცვლისას ავტომატურად შეიცვლება ხაზთაშორისი ინტერვალიც.

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

<p>
	some long text
</p>

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

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