A sormagasság a line-height tulajdonságnál, a betűmérethez viszonyított relatív értékkel és pixelben is megadható.
A sormagasság beállítása:
kijelölő
{
line-height
:
érték/kulcsszó;
}
Példa:
Forráskód
<style>
.div_1 p {line-height:normal;}
.div_2 p {line-height:2;}
.div_3 p {line-height:10px;}
.div_4 p {line-height:150%;}
</style>
....
<body>
<div class="div_1"><p>1. példa: line-spacing: normal;</p></div>
<div class="div_2"><p>2. példa: line-spacing: 2;</p></div>
<div class="div_3"><p>3. példa: line-spacing: 10px;</p></div>
<div class="div_4"><p>4. példa: line-spacing: 150%;</p></div>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_szoveg_sormagassag.html