スポンサード リンク
heightプロパティ
HTML要素の縦の高さを指定できます(paddingを含まない横幅)使い方(書式)
セレクタ { height: 値; }
heightプロパティ
対応ブラウザ | |
適用できる要素 | ブロック要素とtd th input textarea select img |
子要素へのスタイルの継承 | しない |
プロパティの値 | 説明 |
単位 | px、emなどの単位 |
% | パーセントで指定。親ブロック要素の高さの割合を%で指定 |
auto | 文字や画像に合わせて高さを自動調整。初期値 |
実際の指定方法
.hoge { height: 100px; } /* 100pxの縦の高さに指定 */
.hoge2 { height: 50%; } /* 親ブロック要素の50%の縦の高さ */
.hoge3 { height: auto; } /* 文字や画像に合わせて自動調整 */
.hogebox { height: 100px; /* 親box */ border: solid 1px #0000FF; /* 親boxの枠線 */ }
html部分
<div class="hoge">height: 100px;</div> <br> <div class="hogebox"> <div class="hoge2">height: 50%;</div> </div> <br> <div class="hogebox"> <div class="hoge3">height: auto;</div> </div>
実際の表示