width (HTML attribute)

Spec
Depr. Version
Yes HTML 3.2
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Full Full Full Full Full

Syntax

width=" { number | percentage } "

Description

The width attribute determines the hr element’s width in pixels (or as a percentage of the containing element, if the % symbol is included); if no width is specified, the hr will take up 100% of its containing element.

Example

This code creates a red, ten-pixel-high horizontal line that’s 50% of the width of the containing element:

<p>And with that the actress explained to the bishop, through a
    series of hand gestures, that she was in fact mute and could not
    possibly have said what she was reported to have done.</p>
<hr color="red" size="10" width="50%"/>
<div id="footer">&copy; All content copyright 2007. Even the
    unfunny stuff.</div>

Figure 1 shows a horizontal rule set to 50%. The red border is added only to show scale.

Figure 1. A horizontal line with a width of 50% HR with width attribute

Value

This attribute takes as its value a number wrapped in quotes (which is understood and rendered as pixels on screen, so there’s no need to specify unit of measurement, as per the example above), or a percentage figure.

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

The width attribute is well supported, but as a deprecated (presentational) attribute, it should not be used.

Previous / Next page

  1. Previous
  2. Next

User-contributed notes

There are no comments yet.

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