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    

Szövegbehúzás



A text-indent ( szöveg behúzása ) tulajdonság segítségével a bekezdések első sorának behúzását állíthatjuk be.

A behúzás mértékét (mennyivel kezdődjön beljebb az első sor) megadhatjuk fix vagy relatív értékkel.

A szövegbehúzás beállítása:

kijelölő
{
text-indent
:
érték;
}



Példa:

Forráskód



<style>
      .div_1 p {text-indent:20px;}  
      .div_2 p {text-indent:2em;} 
</style>     
...
<body>            
     <div class="div_1"><p>Az első sor 50 pixellel beljebb kezdődik.</p></div>
     <div class="div_2"><p>Az első sor behúzása 2em. 
           Leírása a Relatív hosszmértékegységeknél megtalálható.
     </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_szovegbehuzas.html