HTML CSS Reference/CSS Attributes and Javascript Style Properties/table layout

Материал из Web эксперт
Перейти к: навигация, поиск

"table-layout" Example

   <source lang="html4strict">
   

<html> <body>

<col width="150"> <col width="300"> <col width="200"> <thead height="20"> </thead>
150px wide column 300px wide column 200px wide column
Cell 1 content Cell 2 content Cell 3 content
<col width="150"> <col width="300"> <col width="200"> <thead height="20"> </thead>
150px wide column 300px wide column 200px wide column
Cell 1 content Cell 2 content Cell 3 content

</body> </html>


     </source>
   
  


"table-layout" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |currentStyle runtimeStyle |

| |style | +----------------+--------------------------------------------------------------+ </source>

"table-layout" Possible Values

   <source lang="html4strict">

Possible Values auto The default; content in the column determines column width

fixed The value of the width property determines column width


     </source>
   
  


"table-layout" Syntax and Note

   <source lang="html4strict">

Syntax:

table { table-layout: value } elementID.style.tableLayout = "value" document.all.elementID.style.tableLayout = "value" // IE only


</source>