画像の幅と高さ

元画像のサイズ200×150

幅・高さ指定無し、元画像のサイズで表示される

幅200・高さ150に指定

高さ150に指定、元画像の縦横比を保ったまま高さが150になる。

幅200・高さ200に指定、指定したサイズになる

ノート

• 表示する画像の大きさは、img要素のwidth属性とheight属性で指定できます。
• 指定しないと、元画像のサイズで表示されます。
• widthとheightのどちらか一方を指定すると、指定された幅又は高さは指定した値となり、指定されなかった幅又は高さは幅と高さの比率が変わらないように自動的に調整されます。
• widthとheight指定すると、元画像の幅と高さの比率に関係無く画像の幅と高さは指定した値に変更されます。
• img要素に関してはwidth属性とheight属性を指定するのが慣習となっています。

戻る