Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Höhenattribut
So verwenden Sie das CSS-Höhenattribut
- silencementOriginal
- 2019-05-27 16:25:393682Durchsuche
Definition und Verwendung des CSS-Höhenattributs
In CSS wird das Höhenattribut verwendet, um die Höhe eines Elements festzulegen, mit Ausnahme von Innenabständen und Rändern . Oder Seitenränder, die Abstände, Ränder und Ränder außerhalb des Inhaltsbereichs hinzufügen können. Nicht ersetzte Inline-Elemente ignorieren dieses Attribut.
Das Höhenattribut wird häufig verwendet und ist ein häufig verwendetes Attribut in CSS. Wenn Sie die Höhe eines Elements festlegen müssen, können Sie dieses Attribut verwenden, um dies zu erreichen. Wenn Sie die Breite eines Elements festlegen müssen, können wir dazu das width-Attribut verwenden. Das Höhenattribut und das Breitenattribut werden häufig zusammen verwendet, um die Größe eines Elements zu steuern.
CSS-Höhenattribut-Syntaxformat
CSS-Syntax: height:auto/length/%/inherit;
JavaScript-Syntax: object.style.height ="50px";
CSS-Höhenattributwertbeschreibung
Auto: Standardwert, der Browser berechnet die tatsächliche Höhe;
Länge: verwenden Einheiten wie px und cm definieren die Höhe;
%: basierend auf der prozentualen Höhe des Objekts auf Blockebene, das es enthält;
inherit: gibt an, dass der Wert des Höhenattributs sein soll geerbt vom übergeordneten Element
Instanz
<!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>Laufergebnis
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Höhenattribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!