CSSでの高さは何を意味しますか-フロントエンドQ&A-php.cn

CSSでの高さは何を意味しますか

WBOY

リリース： 2022-06-30 11:06:13

オリジナル

5077 人が閲覧しました

CSS では、高さは要素の高さを意味し、CSS の属性です。この属性は、パディング、境界線、マージンを除く、要素のコンテンツ領域の高さを定義するために使用されます。インラインの非置換要素は、この属性は無視します。デフォルトでは、この属性の値は「auto」で、構文は「element {height: 属性値;}」です。

CSSでの高さは何を意味しますか

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css における高さの意味

height 属性は要素の高さを設定します。

注: 高さ属性には、パディング、境界線、またはマージンは含まれません。

この属性は、要素のコンテンツ領域の高さを定義します。パディング、境界線、およびマージンをコンテンツ領域の外側に追加できます。

インラインの非置換要素はこの属性を無視します。

属性値は次のとおりです:

CSSでの高さは何を意味しますか

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img  class="normal" src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="CSSでの高さは何を意味しますか" ><br>
<img  class="big" src="logocss.gif"    style="max-width:90%"  style="max-width:90%" / alt="CSSでの高さは何を意味しますか" >
<p class="ex">这个段落的高和宽是 100px.</p>
<p>这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本。
这是段落中的一些文本。这是段落中的一些文本.</p>
</body>
</html>

ログイン後にコピー

出力結果:

CSSでの高さは何を意味しますか