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    

A táblázat címének helye



A caption-side tulajdonság segítségével megadható, hogy a táblázat címe a táblázat alatt vagy felett helyezkedjen el

Lehetséges értékei:
top = fent (a táblázat felett)
bottom = lent (a táblázat alatt)
inherit = a tároló elemre érvényes értéket örökli

A táblázatcím helyének beállítása:

kijelölő
{
caption-side
:
kulcsszó;
}


Példa:

Forráskód



<style>
  table, th, td
    {border: 1px solid green; }  
  .fent
 {caption-side:top;} 
  .lent
 {caption-side:bottom;}    
   table caption {font-size:24px;
                          font-style:italic;}   
  </style>      
...
<body>
<h2>A táblázat címe fent:</h2>
  <table class="fent">
    <caption> Árjegyzék</caption>
    <tr>
      <th> Termékkód </th>
      <th> Megnevezése </th>
      <th> Ár </th>
    </tr><tr>
      <th> XU1587</th>
      <td> Irodai PC 2 </td>
      <td> 107.500 Ft </td>
    </tr><tr>
      <th> XU1583c</th>
      <td> Irodai PC 6  </td>
      <td>  123.300 Ft </td>
    </tr> 
  </table>  
  <h2>A táblázat címe lent:</h2>
  <table class="lent">
    <caption> Árjegyzék</caption>
    <tr>
       mint az előző
    </tr>
  </table>  
</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_tablazat_cime.html ;