Ultimele tutoriale de dezvoltare web
 

Style height Property

<Style Object

Exemplu

Setați înălțimea unui <button> Element:

document.getElementById("myBtn").style.height = "50px";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate înălțime sau returnează înălțimea unui element.

Proprietatea are un efect înălțime numai pe elemente de nivel bloc sau pe elemente cu poziția absolută sau fixă. Conținutul debordant poate fi manipulat cu proprietatea preaplin.

Sfat: Folosiți lățimea proprietatea pentru a seta sau a reveni lățimea unui element.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea Înălțimea este acceptată în toate browserele majore.


Sintaxă

Întoarcere proprietatea înălțime:

object .style.height

Setați proprietatea înălțime:

object .style.height="auto| Valori de proprietate
Valoare Descriere
auto Browser-ul setează înălțimea. Acest lucru este implicit
length Definește înălțimea în unități de lungime
% Definește înălțimea în% din elementul părinte
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: auto
Întoarcere Valoare: Un șir, care reprezintă înălțimea unui element
CSS Versiune CSS1

Mai multe exemple

Exemplu

Modificarea înălțimea unui <div> Element:

document.getElementById("myDIV").style.height = "500px";
Încearcă - l singur »

Exemplu

Schimbați înălțimea și lățimea unui <img> Element:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Încearcă - l singur »

Exemplu

Întoarcere înălțimea unui <img> Element:

alert(document.getElementById("myImg").style.height);
Încearcă - l singur »

Pagini similare

Tutorial CSS: CSS Dimensiune

Tutorial CSS: Modelul CSS Box

Referință CSS: height property


<Style Object