|
{width:値;}、{height:値;}でテーブルの幅、高さを指定することが出来ます。
値はpx、%等で指定できます。
【ブラウザ表示】
ソース
<table class="sample3">
<tr>
<td>200px ×150px</td>
</tr>
</table>
外部ファイル
table.sample3{
border:1px black solid;
width:200px;
height:150px;
}
<body>～</body>に直接記入する場合
<table style="border:1px black solid; width:200px; height:150px;">
<tr>
<td>200px ×150px</td>
</tr>
</table>
■ セルの幅、高さを指定する
{width:値;}、{height:値;}でセルの幅、高さを指定するこ
とが出来ます。値は数字やpx、%等で指定できます。
【ブラウザ表示】
ソース
<table class="sample4">
<tr>
<td class="habatakasa">100×200</td><td class="habatakasa">100×200</td>
</tr>
</table>
外部ファイル
table.sample4{
border:1px black solid;
}
td.habatakasa{
border:1px black solid;
width:100px;
height:200px;
}
<body>～</body>に直接記入する場合
<table style="border:1px black solid;">
<tr>
<td style="border:1px black solid;
width:100px; height:200px;">100px ×200px</td>
<td style="border:1px black solid;
width:100px; height:200px;">100px ×200px</td>
</tr>
</table>
■ その他の項目
・
枠線の太さ、色、種類を指定する
・
枠線を重ねて表示する
・
外側、内側の余白を指定する
・
セルの文字の位置を指定する
・
テーブルに文字を回り込ませる
・
テーブルやセルに背景色を指定する
・
テーブルやセルに画像を指定する
スタイルシート一覧のページに戻る
|
