Style width property
- Προηγούμενη σελίδα whiteSpace
- Επόμενη σελίδα wordBreak
- Επιστροφή στο επίπεδο πάνω Αντικείμενο Style του HTML DOM
Definition and usage
width
Sets or returns the width of an element.
width
The attribute is only valid for block-level elements or elements with absolute or fixed positioning. Overflowing content can be set using overflow property to handle.
Tip:Use height property Sets or returns the height of an element.
See also:
CSS Tutorial:Διαστάσεις CSS
CSS Tutorial:Πλαίσιο CSS
CSS Reference Manual:width property
Example
Example 1
Set the width of the <button> element:
document.getElementById("myBtn").style.width = "300px";
Example 2
Change the width of the <div> element:
document.getElementById("myDIV").style.width = "500px";
Example 3
Change the height and width of the <img> element:
document.getElementById("myImg").style.height = "300px"; document.getElementById("myImg").style.width = "300px";
Example 4
Return the width of the <img> element:
alert(document.getElementById("myImg").style.width);
Syntax
Return width property:
object.style.width
Set width property:
object.style.width = "auto|length|%|initial|inherit"
Attribute value
Value | Description |
---|---|
auto | Browser sets the width. Default. |
length | Defines the width in length units. |
% | Defines the width of the parent element in percentages. |
initial | Sets this property to its default value. See initial. |
inherit | Inherits this property from its parent element. See inherit. |
Technical details
Default value: | auto |
---|---|
Return value: | A string representing the width of an element. |
CSS version: | CSS1 |
browser support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη | Υποστήριξη |
- Προηγούμενη σελίδα whiteSpace
- Επόμενη σελίδα wordBreak
- Επιστροφή στο επίπεδο πάνω Αντικείμενο Style του HTML DOM