枠線のスタイルを指定する

書式

border: 幅種類色

枠線のスタイルを一括して指定します。
それぞれ半角スペースで区切って下さい。
幅・・幅の太さを指定します。数字＋px,emなどで指定して下さい。
種類・・枠線の種類を指定します。種類は以下の通りです。
・solid: 実線
・double: 二重線
・dotted: 点線
・dashed: 破線
・groove: 二重線で内側がへこんで見える線
・ridge: 二重線で浮き上がって見える線
・inset: 線に囲まれた範囲全体がへこんで見える線
・outset: 線に囲まれた範囲全体が浮き上がって見える線
色・・枠線の色を指定します。RGB値またはキーワードで指定して下さい。

スタイルシート部分
.tblsample {
width: 50%;
border-collapse: collapse;
}
.tblsample caption {
border: 2px solid #999999;
background-color: #999999;
color: #ffffff
}
.tblsample th, .tblsample td {
border: 2px dotted #999999 }

captionには幅2pxで種類solid(実線)、灰色を指定。
thとtdには幅2pxで種類dotted(点線)、灰色を指定。

記事部分
<table class="tblsample">
<caption>全体幅50%</caption>
<tr><th>見出し１</th><th>見出し２</th></tr>
<tr><td>セル１</td><td>セル２</td></tr>
</table>

表示