heightプロパティは、
<TABLE>・
<TD>・
<IMG>・
<INPUT>・
<TEXTAREA>・
<SELECT>
などの領域の高さを指定する際に使用します。
指定方法には、実数値にpxなどの単位をつけて指定する方法と、親ボックスに対する割合を%で指定する方法と、
状況に応じて大きさが設定されるautoを指定する方法があります。heightプロパティに負の値は指定できません。
table.sample {height: 100px; background-color: #f8dce0;}
img.sample {width: 50%; height: 50%;}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<table class=”sample”>
<tr><td>春</td><td>夏</td></tr>
<tr><td>秋</td><td>冬</td></tr>
</table>
<br>
<img border=”0″ src=”https://www.htmq.com/wp-content/uploads/2024/07/img002.gif” alt=”サンプルイメージ”
class=”sample”>
</body>
</html>
春 | 夏 |
秋 | 冬 |