table-layout

par 4 contributeurs :

Résumé

La propriété CSS table-layout définit l'algorithme utilisé pour disposer les cellules, colonnes et lignes d'un tableau.

  • Valeur initiale auto
  • S'applique à table and inline-table elements
  • Héritée non
  • Pourcentages
  • Média visual
  • Valeur calculée comme spécifié
  • Animable non
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

table-layout: inherit | auto | fixed 

Valeurs

inherit
auto
Un algorithme automatique de mise en forme est utilisé habituellement par la plupart des navigateurs pour disposer les tableaux. La largeur du tableau et de ces cellules dépendent du contenu.
fixed
La largeur du tableau et des colonnes est fixé par la largeur des éléments table et col ou par la largeur de la première ligne de cellules. Les cellules dans les lignes suivantes n'ont pas d'effet sur la largeur des colonnes.

Dans la méthode utilisant fixed, le tableau entier peut être affiché une fois que la première ligne a été chargée et analysée. Ceci peut accélérer le temps de rendu par rapport à la méthode dite automatique. Mais le contenu des cellules suivantes n'est peut-être pas adapté aux largeurs fixées. Toutes les cellules qui ont du contenu qui déborde utilisent la propriété overflow pour déterminer comment gérer ce débordement.

Exemples

.contentbox {
  table-layout: fixed;
}

Spécifications

Spécification Statut Commentaire
CSS Level 2 (Revision 1) Recommendation  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base ? 1.0 (1.7 ou moins) 5.0 7.0 1.0
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ? ?

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, b_b, FredB, ethertank
Dernière mise à jour par : teoli,
Masquer la barre latérale