table-layout
Définit une chaîne qui indique si la disposition du tableau est fixe.
Syntaxe
{ table-layout: sLayout }
Valeurs possibles
sLayout
Chaîne qui spécifie une des valeurs suivantes :
auto |
Valeur par défaut. La largeur de la colonne est définie en fonction du contenu insécable le plus large que les cellules contiennent. |
fixed |
Les largeurs des tableaux et des colonnes sont obtenues soit par la somme des largeurs des objets COL, soit, si ces derniers ne sont pas spécifiés, calculées en fonction de la largeur de la première ligne des cellules. Si aucune largeur n'est spécifiée pour le tableau, elle est rendue ainsi par défaut : width=100% . |
La propriété a pour valeur par défaut auto . Elle n’est pas héritée.
Remarques
Vous pouvez optimiser les performances de rendu des tableaux en spécifiant la propriété table-layout . Grâce à cette propriété, les navigateurs rendent les tableaux une ligne à la fois, ce qui accélère la vitesse à laquelle les informations sont fournies aux utilisateurs. La propriété table-layout détermine la largeur des colonnes d'un tableau dans l'ordre suivant :
En utilisant les informations de la propriété width de l’élément COL ou COLGROUP.
En utilisant les informations de la propriété width de l’élément TD de la première ligne.
En divisant les colonnes du tableau de façon égale, quelle que soit la taille du contenu.
Si le contenu d’une cellule dépasse la largeur fixée de la colonne, il est renvoyé à la ligne ou bien, si le renvoi à la ligne est impossible, il est détouré. Si la propriété table-layout a la valeur fixed , la propriété overflow peut être utilisée pour gérer le contenu qui dépasse la largeur d'un élément TD. Si la hauteur de ligne est spécifiée, le texte renvoyé à la ligne est détouré lorsqu’il dépasse la hauteur définie.
Lorsque la propriété a la valeur fixed , la vitesse de rendu des tableaux est considérablement augmentée, particulièrement lorsqu'ils sont longs.
La définition de la hauteur des lignes permet d’améliorer davantage la vitesse de rendu. L’analyseur du navigateur peut commencer à rendre une ligne sans avoir à examiner le contenu de chacune de ses cellules pour déterminer sa hauteur.
Exemple
Cet exemple utilise la propriété de feuille de style en cascade pour définir la disposition du tableau sur fixed :
<table style="table-layout:fixed" width=600>
<col width=100><col width=300><col width=200>
<tr height=20>
<td>...</td><td>...</td><td>...</td>
</tr>
:
</table>
Informations relatives aux normes
Cette propriété est définie dans Cascading Style Sheets (CSS), Level 2 (CSS2) (Feuilles de style en cascade (CSS), Niveau 2 (CSS2)) .png "Ee341478.xtlink_newWindow(fr-fr,Expression.40).png")
.
Applicable à
table