table-layout
Legt über eine Zeichenfolge fest, ob es sich um ein festes Tabellenlayout handelt.
Syntax
{ table-layout: sLayout }
Mögliche Werte
sLayout
Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:
auto |
Standard. Die Spaltenbreite richtet sich nach dem breitesten, nicht umbrechbaren Inhalt in den Spaltenzellen. |
fixed |
Die Tabellen- und Spaltenbreiten sind entweder durch die Summe der Breiten auf den COL-Objekten oder, soweit dies nicht der Fall ist, durch die Breite der ersten Zellenreihe festgelegt. Ist keine Breite für die Tabelle angegeben, wird sie standardmäßig mit width=100% dargestellt. |
Diese Eigenschaft hat den Standardwert auto. Sie wird nicht vererbt.
Hinweise
Sie können die Tabellendarstellungsleistung über die table-layout-Eigenschaft optimieren. Diese Eigenschaft bewirkt, dass Browser die Tabelle zeilenweise rendern, so dass dem Benutzer Informationen schneller zur Verfügung gestellt werden. Über die table-layout-Eigenschaft wird die Spaltenbreite einer Tabelle in folgender Reihenfolge festgelegt:
Durch Verwendung der Informationen aus der width-Eigenschaft für die COL- oder COLGROUP-Elemente.
Durch Verwendung der Informationen aus der width-Eigenschaft für die TD-Elemente in der ersten Zeile.
Durch eine gleichmäßige Aufteilung der Tabelle ohne Rücksicht auf die Größe der Inhalte.
Überschreitet der Inhalt einer Zelle die feste Breite der Spalte, wird der Inhalt umbrochen oder, falls dies nicht möglich ist, beschnitten. Wenn die table-layout-Eigenschaft auf fixed gesetzt, lässt sich mit der overflow-Eigenschaft Inhalt handhaben, der die Breite eines TD-Elements überschreitet. Wenn die Zeilenhöhe angegeben ist, wird umbrochener Text beschnitten, wenn er die festgelegte Höhe überschreitet.
Wenn Sie die Eigenschaft auf fixed setzen, verbessert sich die Darstellungsgeschwindigkeit der Tabelle erheblich, besonders bei längeren Tabellen.
Eine weitere Vergrößerung der Höhe verbessert die Darstellungsgeschwindigkeit, was wiederum dem Parser des Browsers erlaubt, die Zeile zu rendern, ohne den Inhalt jeder Zelle in der Zeile auf die Zeilenhöhe hin zu überprüfen.
Beispiel
In diesem Bespiel wird die Cascading Style Sheet-Eigenschaft verwendet, um das Tabellenlayout auf fixed zu setzen:
<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>
Informationen zu Standards
Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 2 (CSS2) (möglicherweise in englischer Sprache) definiert.
Gilt für
TABLE