Revision 25229 of table-layout

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

Revision Content

{{template.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.

  • {{template.Xref_cssinitial()}}: {{template.Cssxref("auto")}}
  • Applies to: all elements
  • {{template.Xref_cssinherited()}}: no
  • Percentages:
  • Media: {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}}:

Syntax

table-layout: inherit | auto | fixed 

Values

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

Examples

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

.contentbox {
  table-layout: fixed;
}

Notes

Specifications

Browser compatibility

(Sample Compatibility Chart)

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

See also

{{wiki.template('CSS_Reference:Table_Properties')}}

Revision Source

<p> 
{{template.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> {{template.Xref_cssinitial()}}: {{template.Cssxref("auto")}}
</li><li> Applies to: all elements 
</li><li> {{template.Xref_cssinherited()}}: no 
</li><li> Percentages:
</li><li> Media: {{template.Xref_cssvisual()}}
</li><li> {{template.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>{{template.Cssxref("inherit")}}
</dt><dt>{{template.Cssxref("auto")}}
</dt><dt>fixed </dt><dd> Use the fixed table layout algorithm 
</dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{template.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>
<p>(Sample Compatibility Chart)
</p>
<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>{{wiki.template('CSS_Reference:Table_Properties')}}
</p>
Revert to this revision