frame="void" 表示しない
|
frame="above" 上辺だけ表示
|
||||||||||||||||||||||||
frame="below" 下辺だけ表示
|
frame="hsides" 上辺と下辺だけ表示
|
||||||||||||||||||||||||
frame="lhs" 左辺だけ表示
|
frame="rhs" 右辺だけ表示
|
||||||||||||||||||||||||
frame="vsides" 右辺と左辺だけ表示
|
frame="box" すべて表示
|
||||||||||||||||||||||||
frame="border" すべて表示
|
<!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>