スポンサーサイト

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

書式

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>見出し1</th><th>見出し2</th></tr>
<tr><td>セル1</td><td>セル2</td></tr>
</table>

表示
全体幅50%
見出し1見出し2
セル1セル2

記事を飾ろう!トップ
テーブル基礎
自動改行モードでのズレ
テーブルにスタイルを宣言する
テーブルの全体幅を指定する
枠線の表示形式を指定する
セルの背景色を指定する
枠線のスタイルを指定する

次のキーワードを検索:[スタイルシート]

前後の記事

最近の記事

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。