tas2580
Blog über Webentwicklung

CSS - table-layout

Die table-layout Eigenschaft legt den Tabelle Layout-Algorithmus für eine Tabelle fest.

Beispiel

table {
    table-layout: fixed;
}

Definition und Verwendung

Standard Wert:
auto
CSS Version:
CSS2
Vererbt sich:
Nein
Animierbar:
Nein

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
auto Automatischer Tabellen-Layout-Algorithmus (dies ist Standard):
  • Die Spaltenbreite wird durch den breitesten unumbrechbaren Inhalt in den Zellen festgelegt
  • Kann langsam sein, es muss erst durch den ganzen Inhalt in der Tabelle zu gegangen werden, bevor das endgültige Layout bestimmt werden kann.
fixed Fester Tabellen-Layout-Algorithmus:
  • Die horizontale Gliederung hängt nur von der Breite der Tabelle und der Breite der Spalten, nicht den Inhalten der Zellen ab.
  • Ermöglicht es einem Browser die Tabelle schneller als ein automatisches Tabellen-Layout zu rendern.
  • Der Browser kann beginnen, die Tabelle anzuzeigen, sobald die erste Zeile empfangen wurde.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.