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é
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
