ywork2020.com

Title

埋め込み要素の高さを設定する

目次 (INDEX)

height とは

ここで説明する height とは次の語句からなる HTML 要素の属性です。
height
読み: ハイト
意味: 高さ

目次に戻る

height 属性の概要

この属性は、以下に挙げる埋め込み要素の高さを指定します。

height は上記した要素以外では古い属性となっています。 また、これから先には これらの属性でも古い属性となっていく可能性があります。

その時のことを考慮して、CSS の height プロパティの使用をお勧めします。

設定できる値は要素により異なり、絶対値で指定しなければならないものもあれば、相対値で指定できるものもあります。

目次に戻る

サンプルコードと実行結果

ここでは、img 要素で同じ画像を 2つ埋め込みました。 この 2つの画像で height 属性を使用した場合と使用しない場合の比較を見てみましょう。

サンプルコード: HTML
<body>
	<img src="./cat.jpg" alt="猫の画像">
	<img src="./cat.jpg" alt="猫の画像" height="120px">
</body>
  • 02: height 無し (画像の高さを設定していません。)
  • 03: height="120px" (画像の高さを 120px と設定しています。)
実行結果:
猫の画像 猫の画像

目次に戻る