height 【高さの指定】

[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]

heightプロパティは、要素の高さを指定する際に使用します。

auto
状況に応じて自動設定します。これが初期値です。

数値で指定する
pxなどの単位で指定します。

%で指定する
親要素からの相対的な割合を、%値で指定します。

heightの使用例

CSSファイル

.sample001 {
 height: 50px;
 background-color: #ccccff;
}
.sample002 {
 height: 100px;
 background-color: #ccccff;
}
.sample003 {
 height: 150px;
 background-color: #ccccff;
}

HTMLソース

<p class="sample001">
heightプロパティ使用例<br />
高さ50px
:The Internet is convenient.
</p>

<p class="sample002">
heightプロパティ使用例<br />
高さ100px
:The Internet is convenient.
</p>

<p class="sample003">
heightプロパティ使用例<br />
高さ150px
:The Internet is convenient.
</p>

表示すると

heightプロパティ使用例
高さ50px :The Internet is convenient.

heightプロパティ使用例
高さ100px :The Internet is convenient.

heightプロパティ使用例
高さ150px :The Internet is convenient.

幅・高さ関連項目

width 幅を指定する 
max-width 幅の最大値を指定する 
min-width 幅の最小値を指定する 
height 高さを指定する 
max-height 高さの最大値を指定する 
min-height 高さの最小値を指定する 

戻る

TOP