CSS height egenskap

Definition och användning

height-attributet ställer in höjden på ett element.

Förklaring

Denna egenskap definierar höjden på elementets innehållsområde, där man kan lägga till inre marginaler, kanter och marginaler utanför innehållsområdet.

Inline icke ersättningsinnehåll ignorerar detta attribut.

Se också:

CSS-lärarwebbplats:CSS-mått

CSS-lärarwebbplats:Översikt över CSS rammodell

CSS Referenshandbok:width-attributet

HTML DOM Referenshandbok:height-attributet

Exempel

Ställ in höjden och bredden på en paragraf:

p
  {
  height:100px;
  width:100px;
  }

Prova själv

CSS-syntax

height: auto|längd|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto Standard. Browsrerna beräknar den faktiska höjden.
längd Använd enheter som px, cm för att definiera höjden.
% Baseras på procenthöjden av det innehållande blockelementet.
inherit Definierar att höjden på elementet ska varavererad från föräldrelementets height-attribut.

Tekniska detaljer

Standardvärde: auto
Arv: nej
Version: CSS1
JavaScript-syntax: object.style.height="50px"

TIY-exempel

Använd pixlvärden för att ställa in höjden på en bild
Detta exempel visar hur man använder pixlvärden för att ställa in höjden på ett element.
Använd procent för att ställa in höjden på en bild
Detta exempel visar hur man använder procentvärden för att ställa in höjden på ett element.

Webbläsarstöd

Talen i tabellen anger den första webbläsare som helt stöder egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0