Style height ominaisuus
- Edellinen sivu fontSizeAdjust
- Seuraava sivu isolation
- Palaa yhdellä tasolla ylös HTML DOM Style-objekti
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";
Esimerkki 2
Muuta <div>-elementin korkeutta:
document.getElementById("myDIV").style.height = "500px";
Esimerkki 3
Muuta <img>-elementin korkeutta ja leveyttä:
document.getElementById("myImg").style.height = "300px"; document.getElementById("myImg").style.width = "300px";
Esimerkki 4
Palauttaa <img>-elementin korkeuden:
alert(document.getElementById("myImg").style.height);
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 |
- Edellinen sivu fontSizeAdjust
- Seuraava sivu isolation
- Palaa yhdellä tasolla ylös HTML DOM Style-objekti