目次 < プロパティ一覧 戻る 使用例

バナー

中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

heightプロパティ

heightプロパティは、ブロック要素の表示高を指定します。


(value)
長さ幅や高さの単位参照。マイナスは指定出来ません。
親要素の横幅から計算。
auto自動
inherit親要素からの継承
適用要素THEADTBODYTFOOTTR要素を除くブロック要素display プロパティで block/ inline-block 指定された要素。
初期値auto
継承しません

min-heightプロパティ

min-widthプロパティは、ブロック要素の最小表示高を指定します。


(value)
長さ幅や高さの単位参照。マイナスは指定出来ません。
親要素の横幅から計算。
inherit親要素からの継承
適用要素THEADTBODYTFOOTTR要素を除くブロック要素display プロパティで block/ inline-block 指定された要素。
初期値0
継承しません

max-heightプロパティ

max-widthプロパティは、ブロック要素の最大表示高を指定します


(value)
長さ幅や高さの単位参照。マイナスは指定出来ません。
親要素の横幅から計算。
none 親要素の表示可能横幅
inherit親要素からの継承
適用要素THEADTBODYTFOOTTR要素を除くブロック要素display プロパティで block/ inline-block 指定された要素。
初期値none
継承しません

使用例

XXXX はスタイルシート記述です。

XXXX はHTML記述です。

XXXX 背景色と内枠線は修飾対象要素の範囲です。

XXXX 背景色と外枠線は親要素です。

height 指定無しの表示を

HTML記述
<p>とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち</p>
表示例

とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち

とします。

height : value ;

スタイルシート記述
.ht3{height:3em;}
HTML記述
<p class="ht3">とりなくこゑす ゆめさませ</p>
<p class="ht3">とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて</p>
表示例

とりなくこゑす ゆめさませ

とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて

表示高を越えてはみ出している部分の処理は、overflowプロパティで指定します。

min-height : value ;

スタイルシート記述
.mnh3{min-height:3em;}
HTML記述
<p class="mnh3">とりなくこゑす ゆめさませ</p>
<p class="mnh3">とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち</p>
表示例

とりなくこゑす ゆめさませ

とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて おきつへに ほふねむれゐぬ もやのうち

最低表示高を超えて表示する場合は、表示高が自動的に増やされます。

max-height : value ;

スタイルシート記述
.mxh3{max-height:3em;}
HTML記述
<p class="mxh3">とりなくこゑす ゆめさませ</p>
<p class="mxh3">とりなくこゑす ゆめさませ みよあけわたる ひんかしを</p>
表示例

とりなくこゑす ゆめさませ

とりなくこゑす ゆめさませ みよあけわたる ひんかしを そらいろはえて

最大表示高を越えてはみ出している部分の処理は、overflowプロパティで指定します。

目次 < プロパティ一覧 戻る Top

Created:Jun 01, 2005 Updated:Oct.,25,2011 © by おっちゃん
Oct.,25,2011 全面更新