height

Home>CSS>プロパティリファレンス>height

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

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

heightプロパティの役割

heightプロパティは高さを指定します。

heightプロパティの効果がある要素は、非置換インライン要素とcol要素colgroup要素を除くブロック要素とインラインブロック要素、インライン要素の内、横幅と高さがある置換要素です。

非置換インライン要素

ある要素を配置して、別のファイルに置き換わらない要素のこと。たとえば、img要素object要素などは、別のファイルを読み込むので、置換インライン要素です。

heightプロパティに設定できる値

数値 数値と単位で指定する。
ブロックの高さを100とする百分率。
auto 自動調整。

heightプロパティの使い方

<p style="width:100px;height:50px;background-color:#FF0000;">&nbsp;</p>

 

上記のサンプルでは、p要素の幅を100ピクセル、高さを50ピクセルにしています。わかりやすくするため、背景色を赤にしています。

関連リンク

よく読まれている記事

UpDate:2010-8-17