スポンサーサイト

テーブルの全体幅を指定する

書式

width: 値

テーブルの全体幅を指定します。値にはpx,em,%などを指定する事が出来ます。

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

widthに50%を指定し、記事全体幅を100%としてその半分の領域のテーブルを宣言しました。

記事部分
<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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。