Outils pour utilisateurs

Outils du site


informatique:langages:css:mise_en_forme_d_une_table

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
informatique:langages:css:mise_en_forme_d_une_table [2025/01/02 09:28] – supprimée - modification externe (Date inconnue) 127.0.0.1informatique:langages:css:mise_en_forme_d_une_table [2025/01/02 09:28] (Version actuelle) – ↷ Page déplacée de informatique:css:mise_en_forme_d_une_table à informatique:langages:css:mise_en_forme_d_une_table alexis
Ligne 1: Ligne 1:
 +====== Mise en forme d'une table ======
 +Si on veut ajouter un espace entre les cellules d'une table, que ce soit verticalement ou horizontalement, il ne faut pas essayer de manipuler ni les cellules (//td//, //th//) ni les lignes (//tr//) mais la table (//table//).\\
 +Pour cela, on utilise les propriétés //[[https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse|border-collapse]]// et //[[https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing|border-spacing]]// que l'on applique directement à la table.
 +
 +On doit utiliser ces mêmes propriétés lorsqu'on choisi un affichage en table d'autres éléments grace à la propriété //[[https://developer.mozilla.org/en-US/docs/Web/CSS/display|display]]// (voir les valeurs //table//, //table-cell//, //table-column//, //table-column-group//, //table-footer-group//, //table-header-group//, //table-row// et //table-row-group// disponibles depuis la version 2.1).