HTML テーブルの幅を指定するサンプル(width)

HTMLのテーブルの幅を指定するサンプルです。
width属性を使用します。

width 属性

< table width="ピクセル(px)または%" >
  • テーブルの幅を指定します。
  • テーブルの幅を指定しない場合、テーブルの幅はテーブル内の文字に合わせて自動で設定されます。
  • width属性は、HTML5で廃止されました。非推奨となっています。
  • CSSのwidthプロパティについては以下を御覧ください。
    CSS 幅と高さを指定するサンプル(widthとheight)

サンプル

最初のテーブルのwidth"200"ピクセルで、次のテーブルのwidthは"80"%のイメージ図です。

コード

上記サンプルのコードです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>テーブルのサンプル</title>
</head>
<body >
<table border="1" width="200">
	<tr>
		<td>赤 red</td>
	</tr>
	<tr>
		<td>黄 yellow</td>
	</tr>
	<tr>
		<td>青 blue</td>
	</tr>
</table>
 
<table border="1" width="80%">
	<tr>
		<td>赤 red</td>
	</tr>
	<tr>
		<td>黄 yellow</td>
	</tr>
	<tr>
		<td>青 blue</td>
	</tr>
</table>
</body>
</html>

関連の記事

CSS 幅と高さを指定するサンプル(widthとheight)
HTML テーブルのセルを縦につなげるサンプル(rowspan)
HTML テーブルのセルを横につなげるサンプル(colspan)
HTML テーブルのセル内の余白を指定するサンプル(cellpadding)
HTML テーブルのセルの間隔を指定するサンプル(cellspacing)
HTML リストを作成するサンプル(ul/li/ol)



△上に戻る