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 ;