Style height-egenskapen

Definition och användning

height Egenskapen definierar och returnerar elementets höjd.

height Egenskapen är endast giltig för blockelement eller element med absolut eller fast position. Överskjutande innehåll kan ställas in med overflow-egenskapen för att manipulera.

Tips:Använd width-egenskapen Ställ in eller returnera elementets bredd.

Se också:

CSS Tutorial:CSS Dimension

CSS Tutorial:CSS rammodell

CSS Referenshandbok:height-egenskapen

Exempel

Exempel 1

Ställ in höjd på <button>-elementet:

document.getElementById("myBtn").style.height = "50px";

Prova själv

Exempel 2

Ändra höjd på <div>-elementet:

document.getElementById("myDIV").style.height = "500px";

Prova själv

Exempel 3

Ändra höjd och bredd på <img>-elementet:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Prova själv

Exempel 4

Returnera <img>-elementets höjd:

alert(document.getElementById("myImg").style.height);

Prova själv

Syntax

Returnera height-egenskapen:

object.style.height

Ställ in height-egenskapen:

object.style.height = "auto|length|%|initial|inherit"

Egenskapsvärde

Värde Beskrivning
auto Webbläsarens inställning av höjd. Standard.
length Definiera höjd med längd-enheter.
% Definiera höjd i föräldrelementets procent.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inherritar denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: En sträng som representerar elementets höjd.
CSS version: CSS1

Browservärderingar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd