table-layout (CSS property)

Spec
Inherited Initial Version
No auto CSS2
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Full Full Full Full Full

Syntax

table-layout: { auto | fixed | inherit } ;

Description

This property specifies the layout algorithm that’s used to lay out a table or an inline table (an element whose display property has one of the values table or inline-table). Two table layout algorithms are available: automatic and fixed. See Table Formatting for details of these algorithms.

Note that the automatic algorithm will normally be used if the table’s width is specified as auto, although user agents are allowed (but not required) to attempt to use the fixed algorithm in these cases if so specified by the CSS author. This special case only applies to tables, however, not inline tables.

Example

This style rule ensures that the table element with the ID "results" is laid out using the fixed layout algorithm:

#results {
  width: 24em;
  table-layout: fixed;
}

Value

auto
selects the automatic table layout algorithm
fixed
selects the fixed table layout algorithm, if applicable

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full

Internet Explorer for Windows versions up to and including 7 don’t support the value inherit.

User-contributed notes

Related Products