HTML Rembourrage & Espacement des Tables
Les tables HTML peuvent ajuster le rembourrage à l'intérieur des cellules ainsi que l'espace entre celles-ci.
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
HTML Table - Rembourrage des Cellules
Le rembourrage des cellules est l'espace entre les bords de la cellule et son contenu.
Par défaut, le rembourrage est réglé à 0.
Pour ajouter du rembourrage aux cellules de la table, utilisez la propriété CSS padding :
Exemple
th, td {
padding: 15px;
} Pour ajouter du rembourrage uniquement au-dessus du contenu, utilisez la propriété padding-top .
Ajoutez du rembourrage aux autres côtés avec les propriétés padding-bottom , padding-left et padding-right :
Exemple
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
} HTML Table - Espacement des Cellules
L'espacement des cellules est l'espace entre chaque cellule.
Par défaut, cet espace est réglé à 2 pixels.
Pour modifier l'espace entre les cellules de la table, utilisez la propriété CSS border-spacing sur l'élément table :
Exemple
table {
border-spacing: 30px;
}