Attribut CAPTION-SIDE

Rôle

L’attribut caption-side définit l’emplacement du titre d’un tableau

Version : CSS2

Héritage (inherit) : oui

Propriété Javascript : element.style.captionSide

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

table{
  caption-side : bottom;
}

– Le code HTML

<table border="1">
  <caption>Titre</caption>
  <tbody><tr>
    <th>nom</th>
    <th>prénom</th>
    <th>age</th>
    </tr>
    <tr>
      <td>Dupont</td>
      <td>Jean</td>
      <td>40</td>
    </tr>
  </tbody>
</table>

Résultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

L’attribut caption-side est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut caption-side sont:

top
Titre placé en haut : valeur par défaut
Syntaxe :
caption-side : top
bottom
Titre placé en dessous du tableau
Syntaxe :
caption-side : bottom
initial
La valeur est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un tableau peut ignorer l’emplacement du titre imposée par son élément parent.
Syntaxe :
caption-side : initial
inherit
Hérite de la même propriété que l’élément parent.
Syntaxe :
caption-side : inherit

A voir aussi

border-collapse– table-layout