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 | 高さの最小値を指定する |
