Home
スタイルシート CSS
テーブル
表の大きさを指定する

表の大きさを指定する

width: ; height: ;

ブラウザ
特性: width; height

width は横幅を、height は高さを指定するプロパティです。

このプロパティをtable要素に対して設定すると、表の大きさを指定することができます。


table {
width: 300px;
height: 200px;
}

プロパティ名	値	説明
width	数値+単位（px 等）またはパーセント	表の横幅を指定（初期値は auto）
height	数値+単位（px 等）またはパーセント	表の高さを指定（初期値は auto）

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

table {
width: 400px;
height: 200px;
border: 2px #2b2b2b solid;
}

td, th {
border: 2px #2b2b2b solid;
}

</style>

</head>
<body>

<table>
<tr>
<th>見出しセル1</th>
<th>見出しセル2</th>
</tr>
<tr>
<td>データセル1</td>
<td>データセル2</td>
</tr>
</table>

</body>
</html>

表示例

見出しセル1	見出しセル2
データセル1	データセル2

サイト内検索

テーブル

表の大きさを指定する

width: ***; height: ***;

使用例

関連ページ

width: ; height: ;