サイト内検索
...HTML・XHTMLタグ...
ｔａｂｌｅ
tableのサイズ
- tableのサイズ
- 横幅は、table要素にwidth属性を指定します。
高さは、table要素にheight属性を指定します。 - [使い方]
- <table width="10" height="20%">
- <tr>
- <td></td>
- </tr>
- </table>
- [メモ・・・Ｗ３Ｃの検証サービス・・・]
- ブラウザ上では表示されますが、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- heightプロパティを指定します。
- [サンプル]
- .sample{height: 70px;}
| 属性 | 属性値 | 説明 |
|---|---|---|
| width= | "" | 横幅の指定をします。
整数の「ピクセル数（例・・"1"）」 または 「パーセント（例・・"50%"）」を指定します。 |
| height= | "" | 長さの指定をします。
整数の「ピクセル数（例・・"1"）」 または 「パーセント（例・・"50%"）」を指定します。 |
サンプル
《width="200" height="150"を指定》
[ｂｏｄｙの中]
<table border="1" width="200" height="150"><tr>
<td>Ｎｏ１</td>
<td>Ｎｏ２</td>
</tr>
<tr>
<td>Ｎｏ３ </td>
<td>Ｎｏ４</td>
</tr>
</table>
サンプル
《width="60%"を指定》
[ｂｏｄｙの中]
<table border="1" width="60%"><tr>
<td>Ｎｏ１</td>
<td>Ｎｏ２</td>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
[ブラウザ上]
| Ｎｏ１ | Ｎｏ２ |
| Ｎｏ３ | Ｎｏ２ |
《width="200" style="height:150px;" を指定》
[ｂｏｄｙの中]
<table border="1" width="200" height: 150;"><tr>
<td>Ｎｏ１</td>
<td>Ｎｏ２</td>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
[ブラウザ上]
| Ｎｏ１ | Ｎｏ２ |
| Ｎｏ３ | Ｎｏ２ |
