CSS Taille de Table

Largeur et Hauteur de Table CSS

La largeur et la hauteur d'une table sont définies par les propriétés largeur et hauteur .

La propriété CSS largeur est utilisée pour définir la largeur d'une table.

La largeur peut être définie :

Pour créer une table qui s'étend sur toute la largeur de l'écran, utilisez width: 100%; :

Table en largeur complète :

 table { 
 width: 100%; 
 } 
 
 th { 
 height: 70px; 
 } 

Pour créer une table qui s'étend sur la moitié de la page, utilisez width: 50%; :

Table de 50 % de largeur :

 table { 
 width: 50%; 
 } 

Pour créer une table avec une largeur fixe, utilisez width: 500px :

Table à largeur fixe :

 table { 
 width: 500px; 
 } 

Pour laisser le navigateur calculer la largeur, utilisez width: auto; :

Utilisation de width: auto :

 table { 
 width: auto; 
 } 

La propriété CSS hauteur est utilisée pour définir la hauteur d'une table.

La hauteur peut être définie :

L'exemple ci-dessous définit la hauteur des en-têtes de table (<th>) à 70px :

Définir la hauteur des en-têtes de table à une hauteur fixe :

 th { 
 height: 70px; 
 } 