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

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

目次

サンプル width属性
テーブルの幅を指定する

width属性

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

 

テーブルの幅を指定する

最初のテーブルの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>

関連の記事

HTML cellpadding テーブルのセル内の余白を指定する
HTML cellspacing テーブルのセルの間隔を指定する

△上に戻る