CSS サイズのプロパティ
Web ページの作成プロセス中に、要素の高さ、幅、間隔などを設(shè)定する必要がある場合があります。そのためには、いくつかの Dimension 屬性を使用する必要があります。
1. height屬性
height屬性は要素の高さを設(shè)定できます。
継承: いいえ
可能な値
値。ブラウザは実際の高さを計(jì)算します。
長さ px や cm などの単位を使用して高さを定義します。% それを含むブロックレベルのオブジェクトの高さのパーセンテージに基づきます。
2. line-height屬性
line-height屬性は行間の距離を設(shè)定できます。注: 負(fù)の値は許可されません。 E 継承: はい承 可能な値
説明
通常のデフォルト。適切な行間を設(shè)定します。
數(shù)値 現(xiàn)在のフォントサイズに乗じて行間を設(shè)定する數(shù)値を設(shè)定します。
length 固定の行間隔を設(shè)定します。 % 現(xiàn)在のフォント サイズに基づく行間隔のパーセント。
3. max-height 屬性
max-height 屬性は、要素の最大の高さを設(shè)定できます。 intinheritance：可能性のある値length は要素の高さの最大値を定義します。
% は、最大の高さを、それを含むブロックレベルのオブジェクトのパーセンテージとして定義します。
4. max-width 屬性
max-width は要素の最大幅を定義できます。
継承: いいえ
可能な値
Value 説明
none デフォルト。この定義では、要素の最大幅に制限はありません。
length は要素の最大幅を定義します。
% は、最大幅を、それを含むブロックレベルのオブジェクトのパーセンテージとして定義します。
5. min-height 屬性
min-height 屬性は要素の最小の高さを設(shè)定できます。
継承: いいえ
可能な値
値説明
長さを定義します。要素の最小の高さ。デフォルト値は 0 です。
% 最小の高さを、それを含むブロックレベルのオブジェクトのパーセンテージに基づいて定義します。6. min-width 屬性
min-width 屬性は要素の最小幅を設(shè)定できます。 継承: いいえ可能な値Value 説明
length 要素の最小幅値を定義します。デフォルト: ブラウザによって異なります。
% は、それを含むブロックレベルのオブジェクトのパーセンテージに基づいて最小幅を定義します。7. width 屬性
width 屬性は要素の幅を設(shè)定できます。 継承: いいえ可能な値Value 説明
auto デフォルト。ブラウザは実際の幅を計(jì)算できます。
% 親要素の幅に基づいて幅をパーセントで定義します。 length px、cm、その他の単位を使用して幅を定義します。インスタンス:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>實(shí)例</title>
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="95" height="84" /><br>
<img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" />
<p class="ex">這是一段句子的高和寬是 100px.</p>
</body>
</html>インスタンス: りー
