Style height ominaisuus

Määrittely ja käyttö

height ominaisuuden avulla.

height Ominaisuus vaikuttaa vain lohkoelementteihin tai elementteihin, joilla on suhteellinen, absoluuttinen tai kiinteä sijainti. Ylimääräinen sisältö voidaan asettaa overflow-ominaisuus toimia.

Vinkki:Käytä width-ominaisuus Aseta tai palauta elementin leveys.

Katso myös:

CSS oppaasti:CSS Dimension

CSS oppaasti:CSS kehyssilmukka

CSS viittausopas:height-ominaisuus

Esimerkki

Esimerkki 1

Aseta <button>-elementin korkeus:

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

Kokeile itse

Esimerkki 2

Muuta <div>-elementin korkeutta:

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

Kokeile itse

Esimerkki 3

Muuta <img>-elementin korkeutta ja leveyttä:

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

Kokeile itse

Esimerkki 4

Palauttaa <img>-elementin korkeuden:

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

Kokeile itse

Syntaksi

Palauta height-ominaisuus:

object.style.height

Aseta height-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
auto Selain asettaa korkeuden. Oletus.
length Määritä korkeus pituusyksiköinä.
% Määritä korkeus vanhemman elementin prosentteina.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkkijono, joka ilmaisee elementin korkeuden.
CSS versio: CSS1

Selain tukee

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki