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

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

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

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

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

html<p>
  some long text
</p>

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

Результат: