ホームページ > 記事 > ウェブフロントエンド > CSSでの高さは何を意味しますか
CSSでの高さは何を意味しますか
- WBOYオリジナル
- 2022-06-30 11:06:134940ブラウズ
CSS では、高さは要素の高さを意味し、CSS の属性です。この属性は、パディング、境界線、マージンを除く、要素のコンテンツ領域の高さを定義するために使用されます。インラインの非置換要素は、この属性は無視します。デフォルトでは、この属性の値は「auto」で、構文は「element {height: 属性値;}」です。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css における高さの意味
height 属性は要素の高さを設定します。
注: 高さ属性には、パディング、境界線、またはマージンは含まれません。
この属性は、要素のコンテンツ領域の高さを定義します。パディング、境界線、およびマージンをコンテンツ領域の外側に追加できます。
インラインの非置換要素はこの属性を無視します。
属性値は次のとおりです:
例は次のとおりです:
<!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 ビデオ チュートリアル、html ビデオ チュートリアル)
以上がCSSでの高さは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。