Horizontal rule
This element is used to insert a separator between document sections. The horizontal rule element is usually marked up as a line in graphical browsers.
<hr
align="center | left | right"**
class="class name(s)"
id="unique identifier"
noshade**
size="pixels"**
style="style information"
title="text"
width="% | pixels"**
/>
Key:
‡ = Required attribute
** = Transitional only
Explanation of attributes
align**: used to specify the horizontal alignment of the content of this element.
class: used to state which class(es) the element belongs to. It is possible to indicate more than one class for an element by separating each class name with a space character. This attribute is normally used in combination with a stylesheet in order to associate the elements with particular styles defined within the stylesheet.
id: used to specify a unique alphanumeric identifier to the element. This is usually used in combination with stylesheets in order to apply a style to one particular instance of an element. Only one element, regardless of type, can be given a particular id.
noshade**: this attribute is used to state that the horizontal rule should be displayed as a solid bar with no shading.
size**: used to specify the height or thickness (in pixels) of the horizontal rule.
style: used to specify an inline style to apply to the element. The styles defined here override the styles declared in the header section.
title: used to define an advisory text that may be displayed as a tooltip when a mouse is used to hover over the element.
width**: used to specify the width of the horizontal rule. This attribute can be a percentage (relative) of the parent container, or a pixels (absolute) value.
Event handlers
The following event handlers are defined for this element:
- onclick
- ondbclick
- onkeydown
- onkeypress
- onkeyup
- onmousedown
- onmousemove
- onmouseout
- onmouseover
- onmouseup
Basic example
<hr />
The above code will display something like:
Compatibility
| Test |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| Basic element support |  |
|
|
|
|
|
| Attribute: align | |
|
|
|
|
|
| Attribute: class | |
|
|
|
|
|
| Attribute: id | |
|
|
|
|
|
| Attribute: noshade | |
|
|
|
? | |
| Attribute: size | |
|
|
|
|
|
| Attribute: style | |
|
|
|
|
|
| Attribute: title | |
 |
|
|
|
|
| Attribute: width | |
|
|
|
|
|
Key:
The browser icons are explained in the below list:
= Microsoft Internet Explorer 6+
= Netscape Communicator 4
= Mozilla and Netscape Navigator 6+
= Opera 7+
= MSN TV (aka. WebTV)
= Konqueror 3.0+
