height属性

このエントリーをはてなブックマークに追加

height属性は要素の高さをしていできる属性です。

指定された数値はピクセルで計算されます。

img要素

img要素はheight属性でイメージの高さが指定できます。

<img src="images/photo.jpg" height="200" alt="代替テキスト">

width属性を合わせて指定することで要素の高さ、横幅を指定でき、width属性がない場合は横幅は縦横比を保ったまま縮小拡大されます。

iframe要素

iframe要素はheight属性でインラインフレームの高さを指定することができます。

<iframe src="index.html" width="100" height="100"></iframe>

ただし、iPhoneやiPadなどのiOS端末やAndroidの4未満の端末はiframe要素に対する高さ指定を無視しインラインフレームの高さを内部のドキュメントと同じ高さに調整するので注意が必要です。

embed要素

embed要素では、width属性やheight属性で要素の幅や高さを指定することができます。

<embed src="flash.swf" width="100" height="100">

object要素

object要素width属性とheight属性でobject要素の幅や高さを指定することができます。

<object data="sample.jpg" width="100" height="100"></object>

vide要素

vide要素ではwidth属性で動画の横幅を、height属性で動画の高さを指定することができます。

<video src="movie.mp4" widt="200" widt="100"></video>

input要素

input要素ではtype属性が「image」の場合にheight属性で要素の高さが指定できます。

<input type="image" src="button.png" width="200" height="100">

登録日 : 2013年12月11日 最終更新日 : 2015年1月4日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス