table{border:太さ 線の種類 線の色;}でテーブルの枠線の太さ、線の種類、線の色を一括に指定する ことができます。 線の色は記述しなくても枠線は表示されます。

■ 枠線の種類

線の種類は以下の通り。

【ブラウザ表示】

<table class="sen1">
<tr>
<td class="sen1">テーブル</td>
<td class="sen1">テーブル</td>
</tr>
</table>
以下同様に。ソースが多いため以下省略

table.sen1,td.sen1{border:4px solid green;}
table.sen2,td.sen2{border:4px double silver;}
table.sen3,td.sen3{border:4px ridge red;}
table.sen4,td.sen4{border:4px groove blue;}
table.sen5,td.sen5{border:4px dotted navy;}
table.sen6,td.sen6{border:4px dashed purple;}
table.sen7,td.sen7{border:4px inset lime;}
table.sen8,td.sen8{border:4px outset maroon;}

<table style="border:4px solid green;">
<tr>
<td style="border:4px solid green;">テーブル</td>
<td style="border:4px solid green;">テーブル</td>
</tr>
</table>
以下同様に。ソースが多いため以下省略

■ その他の項目

スタイルシート一覧のページに戻る