サイト内検索
...HTML・XHTMLタグ...
ｔａｂｌｅ
罫線（内罫線）
- 罫線（内罫線）の表示スタイルは、table要素にrules属性を指定します。
- [使い方]
- <table border="3" rules="none">
| 属性 | 属性値 | 説明 |
|---|---|---|
| rules= | "none" | 全ての罫線（内罫線）を表示しません。 |
| "rows" | 行の罫線のみを表示します。 | |
| "cols" | 列の罫線のみを表示します。 | |
| "groups" | グループの間の罫線のみを表示します。 | |
| "all" | すべての罫線（内罫線）を表示します。 |
サンプル
《none・・・全ての罫線（内罫線）を表示しない場合》
|
[ｂｏｄｙの中] <table border="3" rules="none"><tr> <th>Ｎｏ１</th> <th>Ｎｏ２</th> </tr> <tr> <td>Ｎｏ３</td> <td>Ｎｏ４</td> </tr> </table> |
[ブラウザ上]
|
《cols ・・・内枠の縦線のみを表示する場合》
|
[ｂｏｄｙの中] <table border="3" rules="cols "><tr> <th>Ｎｏ１</th> <th>Ｎｏ２</th> <th>Ｎｏ３</th> </tr> <tr> <td>Ｎｏ４</td> <td>Ｎｏ５</td> <td>Ｎｏ６</td> </tr> </table> |
[ブラウザ上]
|
《groups・・・グループの間の罫線のみを表示する場合》
|
[ｂｏｄｙの中] <table border="3" rules="groups"><thead> <tr> <th>Ｎｏ１</th> <th>Ｎｏ２</th> </tr> <tr> </thead> <tfoot> <tr> <td>Ｎｏ３</td> <td>Ｎｏ４</td> </tr> </tfoot> <tbody> <tr> <td>Ｎｏ５</td> <td>Ｎｏ６</td> <td>Ｎｏ７</td> <td>Ｎｏ８</td> </tr> </tbody> </table> |
[ブラウザ上]
|
