スタイルシート［CSS］/テーブル/枠線を指定する

border は、枠線を指定するプロパティです。

table、td要素やth要素にこのスタイルを設定すると、表全体やセルに枠線をつけることができます。

table, td, th {
border: 2px red solid;
}

border	枠線（太さ、色、スタイル）を指定します

枠線の指定方法については、ボックスカテゴリーの「枠線」の項目をご覧ください。

【適用範囲】

■table要素とtd要素、th要素に指定した場合

table, td, th { border: 2px #808080 solid; }

サーバー	Web制作
サーバーA社	Web制作A社

■table要素に指定した場合

table { border: 2px #808080 solid; }

サーバー	Web制作
サーバーA社	Web制作A社

■td要素とth要素に指定した場合

td, th { border: 2px #808080 solid; }

サーバー	Web制作
サーバーA社	Web制作A社

使用例

<html>
<head>
<title>TAG index Webサイト</title>

<style type="text/css">

</style>

</head>
<body>

<table>
<tr>
<th>サーバー</th>
<th>Web作成</th>
</tr>
<tr>
<td>サーバーA社</td>
<td>Web作成A社</td>
</tr>
</table>

</body>
</html>

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

サーバー	Web作成
サーバーA社	Web作成A社

枠線を指定する

border: ***;

使用例