HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Sormagasság beállítása



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