[ back / home ]

width

widthは、ブロックレベル要素あるいは置換要素の内容の幅を指定するプロパティです。

プロパティ

値 <length> | <percentage> | auto | inherit
初期値 auto
適用対象 すべての要素(非置換インライン要素および表関連の行、行グループ要素は除く)
継承性 なし
パーセント値 生成ボックスの包含ブロックの幅を 100% として指定
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
<percentage>
%単位。生成ボックスを包含する包含ブロックの幅を100%とする比率を指定します。
auto
他の特性の値に依存します。

min-width

min-widthは、ブロックレベル要素あるいは置換要素の内容の最小幅を指定するプロパティです。

プロパティ

値 <length> | <percentage> | inherit
初期値 UA(ユーザーエージェント)に依存
適用対象 すべての要素(非置換インライン要素および表関連要素は除く)
継承性 なし
パーセント値 生成ボックスの包含ブロックの幅を 100% として指定
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
<percentage>
%単位。生成ボックスを包含する包含ブロックの幅を100%とする比率を指定します。

max-width

max-widthは、ブロックレベル要素あるいは置換要素の内容の最大幅を指定するプロパティです。

プロパティ

値 <length> | <percentage> | none | inherit
初期値 none
適用対象 すべての要素(非置換インライン要素および表関連要素は除く)
継承性 なし
パーセント値 生成ボックスの包含ブロックの幅を 100% として指定
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
<percentage>
%単位。生成ボックスを包含する包含ブロックの幅を100%とする比率を指定します。
none
幅に制限がないように指定します。

height

heightは、ブロックレベル要素あるいは置換要素の内容の高さを指定するプロパティです。

プロパティ

値 <length> | <percentage> | auto | inherit
初期値 auto
適用対象 すべての要素(非置換インライン要素および表関連の行、行グループ要素は除く)
継承性 なし
パーセント値 生成ボックスの包含ブロックの幅を 100% として指定
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
<percentage>
%単位。生成ボックスの包含ブロックの高さを 100% として指定。包含ブロックの高さが内容に依存して決定する場合は、auto と等価に解釈される。
auto
'margin', 'top'/'bottom' 値に依存する。

min-height

min-heightは、ブロックレベル要素あるいは置換要素の内容の最小高さを指定するプロパティです。

プロパティ

値 <length> | <percentage> | inherit
初期値 0
適用対象 すべての要素(非置換インライン要素および表関連要素は除く)
継承性 なし
パーセント値 生成ボックスの包含ブロックの幅を 100% として指定
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
<percentage>
%単位。生成ボックスの包含ブロックの高さを 100% として指定。包含ブロックの高さが内容に依存して決定する場合は、auto と等価に解釈される。

max-height

max-heightは、ブロックレベル要素あるいは置換要素の内容の最小高さを指定するプロパティです。

プロパティ

値 <length> | <percentage> | none | inherit
初期値 none
適用対象 すべての要素(非置換インライン要素および表関連要素は除く)
継承性 なし
パーセント値 生成ボックスの包含ブロックの幅を 100% として指定
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
<percentage>
%単位。生成ボックスの包含ブロックの高さを 100% として指定。包含ブロックの高さが内容に依存して決定する場合は、auto と等価に解釈される。
none
高さに制限がないように指定します。

line-height

line-heightは、インラインボックスの最小の高さを指定するプロパティです。

プロパティ

値 normal | <number> | <length> | <percentage> | inherit
初期値 normal
適用対象 すべての要素
継承性 あり
パーセント値 要素自身のフォントサイズに対する比率
メディアグループ visual

値には、次のものが指定できます。

nromal
フォントサイズに基づいて、ユーザエージェントが適切に計算した結果を用います。
<number>
そこで採用されるフォントサイズに対する倍率。小数が許される。normal が 1.0〜1.2 と等価となるよう推奨されています。
<length>
長さを指定します。定義は別項参照
<percentage>
そこで採用されるフォントサイズに対する比率を指定します。

vertical-align

vertical-alignは、インラインボックスの行ボックス内部での上下方向の位置を指定するプロパティです。

プロパティ

値 baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
初期値 baseline
適用対象 インライン要素，セル要素
パーセント値 要素自身のline-heightに対する割合
継承性 なし
メディアグループ visual

値には、次のものが指定できます。

baseline
ベースラインを、親ボックスのベースラインと揃えます。
middle
ボックスの中央線を親ボックスのベースラインから親の 'x-height' の半分だけ上に揃えます。
sub
ベースラインを親ボックスの下付き添字の位置まで下げます。
super
ボックスのベースラインを親ボックスの上付き添字の位置まで上げます。
text-top
ボックスの上辺を親要素のフォントの上辺に揃えます。
text-bottom
ボックスの下辺を親要素のフォントの下辺に揃えます。
<percentage>
'line-height' の値を 100% として指定すます。0% が 'baseline' と同じ意味とします。
<length>
長さを指定します。定義は別項参照
top
行ボックスの上辺とボックスの上辺とを揃えます。(生成されたボックスが出現する行ボックスを参照します。)
bottom
行ボックスの下辺とボックスの下辺とを揃えます。(生成されたボックスが出現する行ボックスを参照します。)
[ back / home ]