mozilla

Revision 25231 of table-layout

  • Revision slug: CSS/table-layout
  • Revision title: table-layout
  • Revision id: 25231
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment /* Browser compatibility */

Revision Content

{{ CSSRef() }}

Summary

table-layout property defines the algorithm to be used to layout the table cells, rows, and columns. If "fixed" is the value specified, user agents should use "fixed layout algorithm". Else user agents may use any algorithm, like the one with rendering speed instead of precision.

  • {{ Xref_cssinitial() }}: {{ Cssxref("auto") }}
  • Applies to: 'table' and 'inline-table' elements
  • {{ Xref_cssinherited() }}: no
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}:

Syntax

table-layout: inherit | auto | fixed 

Values

{{ Cssxref("inherit") }}
{{ Cssxref("auto") }}
fixed 
Use the fixed table layout algorithm

Examples

{{ CSSRefExampleLink("table-layout") }}

.contentbox {
  table-layout: fixed;
}

Notes

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer ?
Firefox ?
Netscape ?
Opera ?
Safari ?

See also

{{ CSS_Reference:Table_Properties() }}

Revision Source

<p> {{ CSSRef() }}
</p>
<h3 name="Summary"> Summary </h3>
<p><b>table-layout</b> property defines the algorithm to be used to layout the table cells, rows, and columns. If "fixed" is the value specified, user agents should use "fixed layout algorithm". Else user agents may use any algorithm, like the one with rendering speed instead of precision.
</p>
<ul><li> {{ Xref_cssinitial() }}: {{ Cssxref("auto") }}
</li><li> Applies to: 'table' and 'inline-table' elements </li><li> {{ Xref_cssinherited() }}: no </li><li> Percentages: n/a
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}:
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">table-layout: inherit | auto | fixed 

</pre>
<h3 name="Values"> Values </h3>
<dl><dt>{{ Cssxref("inherit") }}
</dt><dt>{{ Cssxref("auto") }}
</dt><dt>fixed </dt><dd> Use the fixed table layout algorithm </dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{ CSSRefExampleLink("table-layout") }}
</p>
<pre class="eval">.contentbox {
  table-layout: fixed;
}
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/tables.html#width-layout">W3C Cascading Style Sheets, level 2 revision 1</a> </li><li> <a class="external" href="http://www.w3.org/TR/REC-CSS2/tables.html#width-layout">W3C Cascading Style Sheets, level 2</a>
</li><li> <a class="external" href="http://www.w3.org/Style/CSS/current-work#tables">W3C Cascading Style Sheets, level 3</a>
</li></ul>
<h3 name="Browser_compatibility"> Browser compatibility </h3>
<table class="standard-table"> <tbody><tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td>?</td> </tr> <tr> <td>Firefox</td> <td>?</td> </tr> <tr> <td>Netscape</td> <td>?</td> </tr> <tr> <td>Opera</td> <td>?</td> </tr> <tr> <td>Safari</td> <td>?</td> </tr>
</tbody></table>
<h3 name="See_also"> See also </h3>
<p>{{ CSS_Reference:Table_Properties() }}
</p>
Revert to this revision