外枠の表示方法を指定する

[新着] TAG indexオフライン版 3.0 を準備中です


<table frame="">

ブラウザ
Internet Explorer Netscape6 Firefox Opera7
タイプ
ブロック要素

tableタグframe="" を追加すると、外枠の表示スタイルを指定することができます。


<table frame="void">


frame="" void … (全ての外枠を表示しません)
lhs … (左の外枠のみ表示します)
rhs … (右の外枠のみ表示します)
vsides … (左右の外枠のみ表示します)
above … (上の外枠のみ表示します)
below … (下の外枠のみ表示します)
hsides … (上下の外枠のみ表示します)
box … (全ての外枠を表示します)
border … (全ての外枠を表示します)

※この指定に対応していないブラウザでは、全ての外枠が表示されます。


使用例

void(全ての外枠を表示しない)を指定した場合

<table border="5" frame="void">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

サーバーA社 サーバーB社 サーバーC社
サーバーD社 サーバーE社 サーバーF社

vsides(左右の外枠のみ表示する)を指定した場合

<table border="5" frame="vsides">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

サーバーA社 サーバーB社 サーバーC社
サーバーD社 サーバーE社 サーバーF社

hsides(上下の外枠のみ表示する)を指定した場合

<table border="5" frame="hsides">
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

サーバーA社 サーバーB社 サーバーC社
サーバーD社 サーバーE社 サーバーF社


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版