Hr

Horizontal Rule End Tag: Omitted Support Key: 2 \| 3 \| 3.2 \| 4 \| IE1 \| M1 \| N1 \| O2.1	What is it? Attributes Tag Example	Parent/Content Model Tips & Tricks Browser Peculiarities
= Index DOT Html by Brian Wilson [bloo@blooberry.com] =

Main Index | Element Tree | Element Index | HTML Support History

What is it?: A Horizontal Rule provides a visual division between sections of text. The default value in most multimedia capable browsers is a 3 dimensional transparent line running horizontally across the entire screen.

Common Attributes
%Core%: 2 | 3 | 3.2 | 4 | IE3 | M | N4B2 | O
%Events%: 2 | 3 | 3.2 | 4 | IE4B1 | M | N | O
Specific Attributes
Align
2 | 3 | 3.2 | 4 | IE1 | M2FB | N1 | O2.1: Required? No; Description:
For rules that do not span the entire browser window using the WIDTH attribute, this indicates how to align the rule with respect to the sides of the browser window.; Values: Left | Center [DEFAULT] | Right.
Color
2 | 3 | 3.2 | 4 | IE3A1 | M | N | O: Required? No; Description:
This attribute specifies the color of the rule.; Values: The standard HTML color specification methods.
Noshade
2 | 3 | 3.2 | 4 | IE1 | M2FB | N1 | O2.1: Required? No; Description:
This is a stand alone attribute which makes the rule a solid color (not three dimensional.); Values: NA
Size
2 | 3 | 3.2 | 4 | IE1 | M2FB | N1 | O2.1: Required? No; Description:
This attribute specifies the vertical size of the rule in pixels.; Values: Positive integer values
Width
2 | 3 | 3.2 | 4 | IE1 | M2FB | N1 | O2.1: Required? No; Description:
Specifies the width of the rule on the screen. Values are specified either by absolute pixel size or percentage of the screen/window to use.; Values:
A positive integer representing pixel width of the rule or a positive integer/floating point number combined with a percent char ('%') representing a percentage of the screen width.

Example: <hr WIDTH="30%" ALIGN="center" SIZE=3 NOSHADE COLOR="#0000FF">

Parent Model: %Block Parent%
Content Model: This tag does not accept any content.

Tips & Tricks

The ALIGN attribute is meaningless unless the WIDTH attribute is also specified.
It is very easy to use a graphic instead of the HR element, but remember that there is no automatic/implied line break before and after a graphic like there is for HR.
Specifying a graphic instead of an HR element will involve a longer download time because of the extra HTTP request required. Keep this in mind when authoring for your readers.
DTD NOTE: The parent models used in the HTML 3.2 and Internet Explorer 3.0 DTDs conflict slightly. Although most DTDs list the HR element as a block element, its actual implementation as a stand-alone element tends to make it a bit more relaxed in most browsers' implementations.

Browser Peculiarities

In Netscape, the NOSHADE attribute has an unexpected odd effect on HR elements. It usually creates a gray rule, with roughly rounded ends which are added to the HR WIDTH value on each side. This can effectively add the SIZE attribute to the specified WIDTH of the HR, as the radius of each of the rounded ends is about half of the SIZE attribute. (eg: <hr SIZE=40 WIDTH=40 NOSHADE> should create a rule in Netscape with rounded ends, with a height of 40px and an apparent total length of around 80px.)

Horizontal Rule