ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >テーブル

テーブルやセルの幅、高さを指定する

{width:値;}、{height:値;}でテーブルの幅、高さを指定することが出来ます。 値はpx、%等で指定できます。

【ブラウザ表示】

200px ×150px

ソース

<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、%等で指定できます。

【ブラウザ表示】

100×200100×200

ソース

<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>

■ その他の項目

枠線の太さ、色、種類を指定する
枠線を重ねて表示する
外側、内側の余白を指定する
セルの文字の位置を指定する
テーブルに文字を回り込ませる
テーブルやセルに背景色を指定する
テーブルやセルに画像を指定する

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

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.