HTML Tableau Padding & Spacing
Les tableaux HTML peuvent ajuster le remplissage à l'intérieur des cellules, ainsi que l'espace entre les cellules.
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
Tableau HTML — Remplissage de cellules
Le remplissage des cellules est l'espace entre les bords des cellules et le contenu de la cellule.
Par défaut, le remplissage est défini sur 0.
Pour ajouter un remplissage sur les cellules du tableau, utilisez la propriété CSS padding :
Pour ajouter un remplissage uniquement au-dessus du contenu, utilisez la propriété padding-top.
Et les autres se rangent du côté des 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;
}
Try it Yourself »
Tableau HTML - Espacement des cellules
L'espacement des cellules est l'espace entre chaque cellule.
Par défaut, l'espace est défini sur 2 pixels.
Pour modifier l'espace entre les cellules du tableau, utilisez la propriété CSS border-spacing sur l'élément table :
