Výška stylu Vlastnost
Příklad
Nastavte výšku prvku <button>:
document.getElementById("myBtn").style.height = "50px";
Definice a použití
Vlastnost height nastavuje nebo vrací výšku prvku.
Vlastnost height má vliv pouze na prvky na úrovni bloku nebo na prvky s absolutní nebo pevnou polohou. S přetékajícím obsahem lze manipulovat pomocí vlastnosti přetečení.
Tip: Pomocí vlastnosti width nastavte nebo vraťte šířku prvku.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost height:
object.style.height
Nastavte vlastnost height:
object.style.height = "auto|length|%|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | auto |
---|---|
Návratová hodnota: | Řetězec představující výšku prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte výšku prvku <div>:
document.getElementById("myDIV").style.height = "500px";
Příklad
Změňte výšku a šířku prvku <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Příklad
Vrátí výšku prvku <img>:
alert(document.getElementById("myImg").style.height);
Související stránky
CSS tutoriál: CSS Dimension
CSS tutoriál: CSS Box model
CSS reference: vlastnost height
❮ Objekt stylu