CSS-тегінің өлшем бірліксіз line-height мәні
line-height қасиетінің мәні міндетті түрде
белгілі бір өлшем бірлігіндегі сан болуы шарт емес.
Сондай-ақ жай санды немесе бөлшекті де жазуға болады.
Бұл жағдайда line-height-тің нақты мәнін
font-size қасиетінің мәніне көбейту арқылы
табуға болады.
Мысалы, font-size 10px-ке тең,
ал line-height - 1.5-ке тең. Бұл
жағдайда line-height-тің нақты мәні
болады. Ал,
мәтін жолдары арасындағы көрінетін аралық
10px * 1.5 = 15px5px болады: .
15px - 10px
= 5px
line-height-ті осылай берудің артықшылығы
- қаріп өлшемі өзгерген кезде жол аралығы да
автоматты түрде өзгереді.
Сипатталғандарды мысалда қолдануды қарастырайық:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Абзацтар үшін қаріп өлшемі 30px болсын.
Абзацтар арасындағы көрінетін аралық
15px болуы үшін line-height
қасиетін орнатыңыз. Ол үшін өлшем бірліксіз
line-height мәнін пайдаланыңыз.