Šířka stylu Vlastnost
Příklad
Nastavte šířku prvku <button>:
document.getElementById("myBtn").style.width = "300px";
Definice a použití
Vlastnost width nastavuje nebo vrací šířku prvku.
Vlastnost width 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 height nastavte nebo vraťte výšku prvku.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost width:
object.style.width
Nastavte vlastnost width:
object.style.width = "auto|length|%|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width 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í šířku prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte šířku prvku <div>:
document.getElementById("myDIV").style.width = "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í šířku prvku <img>:
alert(document.getElementById("myImg").style.width);
Související stránky
CSS tutoriál: CSS Dimension
CSS tutoriál: CSS Box model
CSS reference: vlastnost width
❮ Objekt stylu