Beispiel
Stellen Sie die Höhe eines <button> Element:
document.getElementById("myBtn").style.height = "50px"; Versuch es selber " Definition und Verwendung
Die Höheneigenschaftssätze oder gibt die Höhe eines Elements.
Die Höhe Eigenschaft hat nur Auswirkungen auf Block-Elemente oder auf Elemente mit absoluten oder festen Position. Der überquellende Inhalt kann mit der Überlaufeigenschaft manipuliert werden.
Tipp: Verwenden Sie die Breite Eigenschaft festlegen oder die Breite eines Elements zurück.
Browser-Unterstützung
Die Höhe Eigenschaft wird in allen gängigen Browsern unterstützt.
Syntax
Gibt die Höhe Eigenschaft:
object .style.height
Stellen Sie die Eigenschaft height:
object .style.height="auto| Eigenschaftswerte Wert Beschreibung auto Der Browser setzt die Höhe. Dies ist die Standardeinstellung length Definiert die Höhe in Längeneinheiten % Definiert die Höhe in% des Elternelements initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: Auto Rückgabewert: Ein String, die die Höhe eines Elements CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie die Höhe eines <div> Element:
document.getElementById("myDIV").style.height = "500px"; Versuch es selber "
Beispiel
Ändern Sie die Höhe und Breite eines <img> Element:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Versuch es selber "
Beispiel
Gibt die Höhe eines <img> Element:
alert(document.getElementById("myImg").style.height);
Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Dimension
CSS Tutorial: CSS Box - Modell
CSS - Referenz: height property
<Style - Objekt