Style - Höheneigenschaft
Beispiel
Legen Sie die Höhe eines <button>-Elements fest:
document.getElementById("myBtn").style.height = "50px";
Definition und Verwendung
Die Eigenschaft height legt die Höhe eines Elements fest oder gibt sie zurück.
Die Eigenschaft height wirkt sich nur auf Elemente auf Blockebene oder auf Elemente mit absoluter oder fester Position aus. Der überlaufende Inhalt kann mit der Overflow-Eigenschaft manipuliert werden.
Tipp: Verwenden Sie die Eigenschaft width , um die Breite eines Elements festzulegen oder zurückzugeben.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die Höheneigenschaft zurück:
object.style.height
Legen Sie die Höheneigenschaft fest:
object.style.height = "auto|length|%|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der die Höhe eines Elements darstellt |
CSS-Version | CSS1 |
Mehr Beispiele
Beispiel
Ändern Sie die Höhe eines <div>-Elements:
document.getElementById("myDIV").style.height = "500px";
Beispiel
Ändern Sie die Höhe und Breite eines <img>-Elements:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Beispiel
Gibt die Höhe eines <img>-Elements zurück:
alert(document.getElementById("myImg").style.height);
Verwandte Seiten
CSS-Tutorial: CSS-Dimension
CSS-Tutorial: CSS-Box-Modell
CSS-Referenz: Höheneigenschaft
❮ Style-Objekt