height
heightプロパティの役割
heightプロパティは高さを指定します。
heightプロパティの効果がある要素は、非置換インライン要素とcol要素、colgroup要素を除くブロック要素とインラインブロック要素、インライン要素の内、横幅と高さがある置換要素です。
非置換インライン要素
ある要素を配置して、別のファイルに置き換わらない要素のこと。たとえば、img要素やobject要素などは、別のファイルを読み込むので、置換インライン要素です。
heightプロパティに設定できる値
数値 | 数値と単位で指定する。 |
% | ブロックの高さを100とする百分率。 |
auto | 自動調整。 |
heightプロパティの使い方
<p style="width:100px;height:50px;background-color:#FF0000;"> </p>
上記のサンプルでは、p要素の幅を100ピクセル、高さを50ピクセルにしています。わかりやすくするため、背景色を赤にしています。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-8-17