CSS-də vahidsiz line-height dəyəri

line-height xassəsinin dəyəri mütləq bəzi vahidlərdə bir rəqəm olmalı deyil. Sadəcə bir rəqəm və ya kəsr də yazıla bilər. Bu halda, həqiqi line-height dəyərini onı font-size dəyərinə vurmaqla tapmaq olar.

Məsələn, font-size 10px-ə bərabərdir, line-height isə 1.5-ə. Bu halda line-height-in həqiqi dəyəri 10px * 1.5 = 15px olacaq. Yaxşı, mətn sətirləri arasındakı görünən ağ boşluq ise 5px olacaq: 15px - 10px = 5px.

line-height-i bu şəkildə təyin etməyin üstünlüyü ondadır ki, şrift ölçüsü dəyişdikdə avtomatik olaraq sətirlərarası interval da dəyişəcək.

Gəlin təsvir olunanı nümunədə tətbiq edək:

html<p>
  some long text
</p>

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

Результат: