English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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..
Le tableau suivant décrit les valeurs de cette propriété.
Valeur | Description |
---|---|
auto | L'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.
|
initial | Réinitialisez cette propriété à sa valeur par défaut. |
inherit | Si 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.
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é.
|
Veuillez consulter les tutoriels concernant les sujets suivants :Tableau HTML,Tableau CSS。
Propriétés associées :width。