frame="void"
表示しない
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="above"
上辺だけ表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="below"
下辺だけ表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="hsides"
上辺と下辺だけ表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="lhs"
左辺だけ表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="rhs"
右辺だけ表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="vsides"
右辺と左辺だけ表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="box"
すべて表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
frame="border"
すべて表示
国名 首都 人口
フランス パリ 5900万
日本 東京 1億2000万
ドイツ ベルリン 8300万
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>表の枠線を変更(外枠)</title>
</head>
<body bgcolor="#FFFFFF">
<div align="center">
<table width="80%" cellspacing="5" cellpadding="5">
<tr align="center">
<td>frame="void" <br>
表示しない
<table border="5" bordercolor="#0000FF" frame="void">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td>frame="above" <br>
上辺だけ表示
<table border="5" bordercolor="#0000FF" frame="above">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>frame="below"<br>
下辺だけ表示
<table border="5" bordercolor="#0000FF" frame="below">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td>frame="hsides" <br>
上辺と下辺だけ表示
<table border="5" bordercolor="#0000FF" frame="hsides">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>frame="lhs"<br>
左辺だけ表示
<table border="5" bordercolor="#0000FF" frame="lhs">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td>frame="rhs" <br>
右辺だけ表示
<table border="5" bordercolor="#0000FF" frame="rhs">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>frame="vsides"<br>
右辺と左辺だけ表示
<table border="5" bordercolor="#0000FF" frame="vsides">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td>frame="box" <br>
すべて表示
<table border="5" bordercolor="#0000FF" frame="box">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
</tr>
<tr align="center">
<td>frame="border" <br>
すべて表示
<table border="5" bordercolor="#0000FF" frame="border">
<tr>
<th>国名</th>
<th>首都</th>
<th>人口</th>
</tr>
<tr>
<td>フランス</td>
<td>パリ</td>
<td>5900万</td>
</tr>
<tr>
<td>日本</td>
<td>東京</td>
<td>1億2000万</td>
</tr>
<tr>
<td>ドイツ</td>
<td>ベルリン</td>
<td>8300万</td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>