CSS-də sətirarası interval

Gəlin indi mətni üçün sətirarası intervalı necə təyin etməyi öyrənək. Sətirarası interval mətnin sətirləri arasındakı məsafə deməkdir, yəni onların arasındakı ağ boşluq. Bunun üçün line-height xassəsi nəzərdə tutulub, bu mətn sətirinin hündürlüyünü təyin edir.

line-height xassəsindən istifadə edərkən sizi bir hiylə gözləyə bilər: bu xassə göründüyü kimi mətn sətirləri arasında boşluq təyin etmir, əksinə mətn sətirinin hündürlüyünü təyin edir.

Bu o deməkdir ki, sətirlər arasında görünən real boşluq belə hesablanacaq: line-height - font-size = mətn sətirləri arasında görünən məsafə.

Aşağıdakı nümunədə mətn sətirləri arasındakı məsafə 50px - 20px = 30px olacaq:

html<p>
  some long text
</p>

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

Результат: