サイト内検索
...スタイルシート(css)...
スタイルシート・ｔａｂｌｅ
レイアウト
- レイアウトは、table-layoutプロパティを指定します。
- table要素に適用されます。
- [使い方]
- table{
border:2px #999999 solid;
width:300px;
table-layout:fixed;
}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| table-layout: | auto; | 自動レイアウトを指定します。(標準値)
表全体を読み込んでから表示を開始します。 |
| fixed; | 固定レイアウトを指定します。
1行目を読み込んだ時点で各セル幅のサイズを 決定して、表示します。 表全体の横幅の指定が必要です。 |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
table{
border:2px #999999 solid;
width:300px;
table-layout:fixed;
}
th,td{
border: 2px #999999 solid; width: 50%;
}
-->
</style>
[ｂｏｄｙの中]
<table><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
[ブラウザ上]
| Ｎｏ１ | Ｎｏ２ |
|---|---|
| Ｎｏ３ | Ｎｏ４ |
