Accueil    CSS    Propriété Caption-side
 



style css caption-side  Style CSS caption-side

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété caption-side permet de définir le positionnement du titre associé à un tableau html défini par la balise <caption>. Ce titre est par défaut placé sous la table.



Propriétés pour le style caption-side :




Propriété Définition Valeurs CSS
caption-side Détermine la position du titre d'un tableau html bottom
top
inherit
CSS 2


Exemple d'utilisation du style css caption-side :





Tableau avec un titre affiché en haut (caption-side:top) :


<table cellpadding='2' rules='all' cellspacing='0' style='width:60%; text-align:center; border:solid 1px black; border-collapse:collapse;'>
  <caption style='caption-side:top; font-weight:bold; text-decoration:underline; padding:10px;'>Descriptif de la table</caption>
  <tr>
    <th>Titre Col A</th>
    <th>Titre Col B</th>
  </tr>
  <tr>
    <td>Valeur 1 Col A</td>
    <td>Valeur 1 Col B</td>
  </tr>
  <tr>
    <td>Valeur 2 Col A</td>
    <td>Valeur 2 Col B</td>
  </tr>
</table>



Descriptif de la table
Titre Col ATitre Col B
Valeur 1 Col AValeur 1 Col B
Valeur 2 Col AValeur 2 Col B