Search w3schools.com:

SHARE THIS PAGE

CSS Reference

CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser Support

CSS Properties

CSS table-layout Property


Example

Set the table layout algorithm:

table
{
table-layout:fixed;
}

Try it yourself »

Definition and Usage

The table-layout property sets the table layout algorithm to be used for a table.

Default value: auto
Inherited: no
Version: CSS2
JavaScript syntax: object.style.tableLayout="fixed"


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The table-layout property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".


Property Values

Value Description Play it
auto Automatic table layout algorithm (this is default):
  • The column width is set by the widest unbreakable content in the cells
  • Can be slow, since it needs to read through all the content in the table, before determining the final layout
Play it »
fixed Fixed table layout algorithm:
  • The horizontal layout only depends on the table's width and the width of the columns, not the contents of the cells
  • Allows a browser to lay out the table faster than the automatic table layout
  • The browser can begin to display the table once the first row has been received
Play it »
inherit Specifies that the value of the table-layout property should be inherited from the parent element


Related Pages

CSS tutorial: CSS Table

HTML DOM reference: tableLayout property



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]