| Depr. | Version |
|---|---|
| No | HTML 2 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Full | Full | Full | Full | Full |
Syntax
Description
An image doesn’t require a
width attribute but, like the height attribute, width has its uses
(refer to the advantages set out in the height
attribute reference).
If the width attribute
is set by itself, but no height attribute is set,
the image will be rescaled proportionally. In every other respect, the
width attribute is identical in usage and behavior
to the height attribute.
Example
Here, the
width attribute is set to
"300":
<img src="giant-prawn.jpg" alt="The Giant Prawn at Ballina"
width="300"/>
Value
This attribute takes as its value a number representing the width of the image in pixels, or a percentage of the containing element.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 3.0 | 3.5 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full | Full |
It causes no compatibility issues, and has excellent support across all tested browsers.
User-contributed notes
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.