Skip to: content, navigation

by Ian Lloyd

width (HTML attribute)

Browser support full matrix
IE5.5+ FF1+ Saf1.3+ Op9.2+
Full Full Full Full
Spec
Depr. Version
Yes HTML 2
width=" { number | percentage } "

Example

Here, the width attribute is set to "300":

<img src="giant-prawn.jpg" alt="The Giant Prawn at Ballina"
    width="300"/>

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.

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

IE5.5Full
6.0Full
7.0Full
Firefox1.0Full
1.5Full
2.0Full
Safari1.3Full
2.0Full
3.0Full
Opera9.2Full

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.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters