სტრიქონებს შორის ინტერვალი CSS-ში

მოდით ახლა ვისწავლოთ ტექსტის სტრიქონებს შორის ინტერვალის მინიჭება. სტრიქონებს შორის ინტერვალით გულისხმობენ მანძილს ტექსტის ხაზებს შორის, ანუ თეთრ ხარვეზს მათ შორის. ამისთვის განკუთვნილია თვისება line-height, რომელიც ადგენს ტექსტის ხაზის სიმაღლეს.

თვისების line-height გამოყენებისას შეიძლება გელოდეთ გარკვეული სირთულე: ეს თვისება არ ადგენს ინტერვალს ტექსტის სტრიქონებს შორის, როგორც ეს შეიძლება, ერთი შეხედვით, ჩანდეს, არამედ ადგენს ტექსტის ხაზის სიმაღლეს.

ეს ნიშნავს, რომ რეალური ხილული ინტერვალი სტრიქონებს შორის გამოითვლება ასე: line-height - font-size = ხილული მანძილი ტექსტის სტრიქონებს შორის.

შემდეგ მაგალითში მანძილი ტექსტის სტრიქონებს შორის იქნება 50px - 20px = 30px:

<p>
	some long text
</p>

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

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