ExampleTwo paragraphs divided by a horizontal line: <p>This is some text.</p> <hr /> <p>This is some text.</p> | Browser Support |
1. Definition and Usage
The <hr> tag creates a horizontal line in an HTML page.
The <hr> element can be used to separate content in an HTML page.
2. Differences Between HTML and XHTML
In HTML, the <hr> tag has no end tag.
In XHTML, the <hr> tag must be properly closed, like this: <hr />.
3. Optional Attributes
DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
| Attribute | Value | Description | DTD |
|---|---|---|---|
| align | left center right | Deprecated. Use styles instead. Specifies the alignment of a <hr> element | TF |
| noshade | noshade | Deprecated. Use styles instead. Specifies that a <hr> element should render in one solid color (noshaded), instead of a shaded color | TF |
| size | pixels | Deprecated. Use styles instead. Specifies the height of a <hr> element | TF |
| width | pixels % | Deprecated. Use styles instead. Specifies the width of a <hr> element | TF |
4. Standard Attributes
The <hr> tag supports the following standard attributes:
| Attribute | Value | Description | DTD |
|---|---|---|---|
| class | classname | Specifies a classname for an element | STF |
| id | id | Specifies a unique id for an element | STF |
| style | style_definition | Specifies an inline style for an element | STF |
| title | text | Specifies extra information about an element | STF |
5. Event Attributes
The <hr> tag supports the following event attributes:
| Attribute | Value | Description | DTD |
|---|---|---|---|
| onclick | script | Script to be run on a mouse click | STF |
| ondblclick | script | Script to be run on a mouse double-click | STF |
| onmousedown | script | Script to be run when mouse button is pressed | STF |
| onmousemove | script | Script to be run when mouse pointer moves | STF |
| onmouseout | script | Script to be run when mouse pointer moves out of an element | STF |
| onmouseover | script | Script to be run when mouse pointer moves over an element | STF |
| onmouseup | script | Script to be run when mouse button is released | STF |
| onkeydown | script | Script to be run when a key is pressed | STF |
| onkeypress | script | Script to be run when a key is pressed and released | STF |
| onkeyup | script | Script to be run when a key is released | STF |
