English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle CSS (RULES)

大全 des propriétés CSS

Tableau CSS-Utilisation et exemples de l'attribut layout

table-La propriété CSS layout spécifie l'algorithme utilisé pour le positionnement des cellules, des lignes et des colonnes du tableau.

Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :auto
Applicable à :Éléments de tableau et d'inline-table
Héritage :Non
Animable :Non.Voir également Attributs d'animation
Version :CSS 2、3
Syntaxe JavaScript :object.style.tableLayout="fixed"

table-Syntaxe d'utilisation de layout

La syntaxe de cette propriété est la suivante :

table-layout: auto | fixed | initial | inherit

Les exemples suivants montrent comment utiliser table-Propriété layout.

  table {
   width: 250px;
   table-layout: fixed;
  }
Testez pour voir‹/›

Astuce :L'algorithme de mise en page fixe du tableau permet au navigateur de mettre en page le tableau plus rapidement que l'algorithme de mise en page automatique du tableau. Une fois la première ligne reçue, le navigateur peut commencer à afficher ce tableau..

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
autoL'algorithme de mise en page automatique des tableaux est utilisé pour la mise en page des tableaux. La largeur des tableaux et des cellules dépend du contenu des cellules. C'est la valeur par défaut.
fixed

L'algorithme de mise en page fixe est utilisé pour la mise en page des tableaux.

  • La mise en page horizontale du tableau ne dépend pas du contenu des cellules ; elle dépend uniquement de la largeur du tableau, de la largeur des colonnes et de l'espace entre les bordures ou les cellules.

  • La largeur des tables et des colonnes est définie par la largeur des éléments table et col ou par la largeur de la première ligne des cellules.

initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la propriété table de l'élément parent.-Valeur de la propriété layout.

Attention :L'algorithme de mise en page automatique des tableaux peut ralentir la présentation des tableaux avec un grand nombre de lignes ou de colonnes, car il nécessite que le navigateur puisse accéder à tout le contenu du tableau avant de déterminer la mise en page finale.

Compatibilité du navigateur

table-La compatibilité des navigateurs pour les propriétés de mise en page, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome2+

  • Internet Explorer 5+

  • Apple Safari 1+

  • Opera 7+

Lisez la suite

Veuillez consulter les tutoriels concernant les sujets suivants :Tableau HTMLTableau CSS

Propriétés associées :width