Exemple de code détaillé de la propriété css caption-side.

<style type="text/css">
.captiont {
caption-side: top;
}
.captionb {
caption-side: bottom;
}
.captionr {
caption-side: right;
}
.captionl {
caption-side: left;
}
</style>
<table width="100" border="1" class="captiont">
<CAPTION>
Légende
</CAPTION>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<br />
<table width="100" border="1" class="captionb">
<CAPTION>
Légende
</CAPTION>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table><br />
<table width="100" border="1" class="captionl">
<CAPTION>
Légende
</CAPTION>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table><br />
<table width="100" border="1" class="captionr">
<CAPTION>
Légende
</CAPTION>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Interprétation du code détaillé de la propriété css caption-side par votre navigateur.

Interprétation normal du code de la propriété css caption-side (copie d'écran).