CSS height ominaisuus

Määrittely ja käyttö

height ominaisuus asettaa elementin korkeuden.

Tämä ominaisuus määrittelee elementin sisällön korkeuden, ja sen ulkopuolella voidaan lisätä sisennykset, reunat ja marginit.

Rivittäiset ei-hyväksytyt elementit ohittavat tämän ominaisuuden.

CSS oppikirja:CSS mitat

CSS viittausoppikirja:width ominaisuus

HTML DOM viittausoppikirja:height ominaisuus

Aseta paragrafin korkeus ja leveys:

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

height: auto|pituus|alustus|inherit;

Arvo	Kuvaus
auto	Oletus. Selain laskee todellisen korkeuden.
pituus	Aseta korkeus px, cm jne. yksiköillä.
%	Perustuu sisältävän lohkovirheen prosenttikohtaan.
inherit	Määritellään, että height-ominaisuuden arvo pitäisi periä vanhemmalta elementiltä.

Pikseleillä asetettu kuvan korkeus: Tämä esimerkki näyttää, miten kuvan korkeutta voidaan asettaa pikseleillä.
Prosenttiosuuden avulla asetettu kuvan korkeus: Tämä esimerkki näyttää, miten prosenttiosuudella voidaan asettaa elementin korkeus.

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

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