table-layout CSS property specifies the algorithm used to lay out the table cells, rows, and columns. The following table summarizes the usages context and the version history of this property.
|Applies to:||The table and inline-table elements|
|Animatable:||No. See animatable properties.|
|Version:||CSS 2, 3|
The syntax of the property is given with:
The example below shows the
table-layout property in action.
ExampleTry this code »
Tip: The fixed table layout algorithm allows a browser to lay out the table faster than the automatic table layout algorithm. The browser can begin to display the table once the first row has been received.
The following table describes the values of this property.
||An automatic table layout algorithm is used for table layout. The width of the table and its cells depends on the content of the cell. This is default value.|
Fixed table layout algorithm is used for table layout.
||Sets this property to its default value.|
||If specified, the associated element takes the computed value of its parent element
Note: The automatic table layout algorithm can slow down the rendering of a table having the large number of rows or columns, since it requires the browser to have access to all the content in a table before determining the final layout.
table-layout property is supported in all major modern browsers.