サイト内検索
...HTML・XHTMLタグ...
ｔａｂｌｅ
外枠の罫線のスタイル
- 外枠の罫線の表示スタイルは、table要素にframe属性を指定します。
- [使い方]
- <table border="3" frame="void">
| 属性 | 属性値 | 説明 |
|---|---|---|
| frame= | "void" | 全ての外枠の罫線を表示しません。 |
| "lhs" | 左の外枠の罫線のみを表示します。 | |
| "rhs" | 右の外枠の罫線のみを表示します。 | |
| "vsides" | 左右の外枠の罫線のみを表示します。 | |
| "above" | 上の外枠の罫線のみを表示します。 | |
| "below" | 下の外枠の罫線のみを表示します。 | |
| "hsides" | 上下の外枠の罫線のみを表示します。 | |
| "box" | すべての外枠の罫線のみを表示します。 | |
| "2border" | すべての外枠の罫線のみを表示します。 |
サンプル
《void・・・全ての外枠の罫線を表示しない場合》
|
[ｂｏｄｙの中] <table border="3" frame="void"><tr> <th>Ｎｏ１</th> <th>Ｎｏ２</th> </tr> <tr> <td>Ｎｏ３</td> <td>Ｎｏ４</td> </tr> </table> |
[ブラウザ上]
|
《above・・・上の外枠の罫線のみを表示する場合》
|
[ｂｏｄｙの中] <table border="3" frame="above"><tr> <th>Ｎｏ１</th> <th>Ｎｏ２</th> </tr> <tr> <td>Ｎｏ３</td> <td>Ｎｏ４</td> </tr> </table> |
[ブラウザ上]
|
《lhs・・・左の外枠の罫線のみを表示する場合》
|
[ｂｏｄｙの中] <table border="3" frame="lhs"><tr> <th>Ｎｏ１</th> <th>Ｎｏ２</th> </tr> <tr> <td>Ｎｏ３</td> <td>Ｎｏ４</td> </tr> </table> |
[ブラウザ上]
|
