height

ハイト（属性）

意味高さ

heightとは？

heightは、画像の高さを指定するために使用される属性です。ピクセル単位で設定します。主に、<img>、<video>、<canvas>などのタグで使用されます。

heightの具体的な使い方

画像の高さを設定する例

<img src='https://picsum.photos/200/300' height="200">

画像の高さを200ピクセルに設定します。

heightに関するよくある質問

Q. height属性の値の単位は？

A. height属性の値はピクセル単位で指定します。単位（px）は書く必要はありません。

Q. heightのみ指定すると縦横比は？

A. heightのみを指定した場合、画像の元の縦横比が保たれます。幅は自動的に調整されます。

Q. height属性とCSS指定の違いは？

A. HTML属性として指定すると、画像の読み込み前にブラウザがスペースを確保できるため、レイアウトのシフトを防ぐことができます。一方、CSS指定は柔軟なスタイリングが可能です。

heightが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLのheightやname、onchange、style、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。