ホームページ > 記事 > ウェブフロントエンド > CSSの高さ属性の使い方
CSSの高さ属性の使い方
- silencementオリジナル
- 2019-05-27 16:25:393681ブラウズ
css の高さ属性の定義と使用法
CSS では、高さ属性は、パディングと境界線を除く要素の高さを設定するために使用されます。またはページ余白。コンテンツ領域の外側にパディング、境界線、余白を追加できます。インライン非置換要素はこの属性を無視します。
height 属性は頻繁に使用され、CSS でよく使用される属性です。要素の高さを設定する必要がある場合は、この属性を使用して実現できます。要素の幅を設定する必要がある場合は、width 属性を使用して設定できます。高さ属性と幅属性は、要素のサイズを制御するために一緒に使用されることがよくあります。
css 高さ属性の構文形式
css 構文: height:auto/length/%/inherit;
JavaScript 構文: object.style.height ="50px";
css 高さ属性値の説明
auto: デフォルト値、ブラウザーが実際の高さを計算します;
length: 使用しますpx や cm などの単位で高さを定義します;
%: それを含むブロック レベル オブジェクトの高さのパーセンテージに基づきます;
inherit: height 属性の値を指定します親要素から継承される
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css height属性设置元素的高度</title>
<style type="text/css">
div{width: 400px;border:1px solid red;}
#div1{height: 50px;}
#div2{height: 80px;}
#div3{height: 100px;}
</style>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</body>
</html>#実行結果
##
以上がCSSの高さ属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。