Formater des tableaux en CSS : Exercice n°2

Exercice n°2 pour intégrer du CSS dans des tableaux

Espacement des cellules :

<table style= « border-spacing: 16px »>

Fusion des bordures :

<table style= « border-collapse: collapse »>

Positionnement de la légende du tableau :

<table style= « caption-side: bottom »>

Cellules vides :

<table style= « empty-cells: hide »>

Largeur de tableau et de colonne :

<table style= « width: 400px »>
<tr>
<td style= « width: 400px »>cellule</td>
<td style= « width: 200px »>cellule</td>
</tr>
</table>

Désactivation du redimensionnement automatique des colonnes :

<table style= « width: 100%; table-layout: fixed »>
<tr>
<td style= « width: 50% »>789 987 789 987 788</td>
<td style= « width: 50% »>456</td>
</tr>
</table>

Alignement vertical :

<table style= « width: 100%; table-layout: fixed »>