<HR> | NN all IE all HTML all | ||||
<HR> | HTML End Tag: Forbidden | ||||
The hr element draws a horizontal rule according to visual rules built into the browser with a variety of attribute controls. As a block element, the hr element starts and ends its rule on its own line, as if the element were surrounded by br elements. This element is not a content container, and many of the attributes that have been in use for a long time are deprecated in HTML 4 in favor of style sheet rules. The HTML recommendation leaves default appearance specifications up to the browser maker. |
|||||
Example | |||||
<HR align="center" width="80%"> |
|||||
Object Model Reference | |||||
[window.]document.getElementById(elementID)
|
|||||
Element-Specific Attributes | |||||
|
|||||
Element-Specific Event Handler Attributes | |||||
None. |
align | NN all IE all HTML 3.2 |
align="where" | Optional |
Determines how the hr element is rendered in physical relation to the next outermost container (usually the body or html element). The align attribute is deprecated in HTML 4 in favor of the align style sheet attribute. |
|
Example | |
<HR align="right"> |
|
Value | |
One of three case-insensitive values: center | left | right. |
|
Default | |
center |
|
Object Model Reference | |
[window.]document.getElementById(elementID).align
|
color | NN n/a IE 4 HTML n/a |
color="colorTripletOrName" | Optional |
Sets the color of the hr element in Internet Explorer. Setting the color attribute also turns on the noshade attribute. If you want a 3-D effect rule to appear with a color, use the style sheet color attribute. Navigator 4 and later, however, doesn't apply color style sheet rules to hr elements. |
|
Example | |
<HR color="salmon"> |
|
Value | |
A hexadecimal triplet or plain-language color name. See Appendix A for acceptable plain-language color names. |
|
Default | |
None. |
|
Object Model Reference | |
[window.]document.getElementById(elementID).color
|
lang | NN 3 IE 4 HTML 4 |
lang="languageCode" | Optional |
The language being used for the element's attribute values and content. A browser can use this information to assist in proper rendering of content with respect to details such as treatment of ligatures (when supported by a particular font or required by a written language), quotation marks, and hyphenation. Other applications and search engines might use this information to aid the selection of spell-checking dictionaries and the creation of indices. |
|
Example | |
<SPAN lang="de">Deutsche Bundesbahn</SPAN> |
|
Value | |
Case-insensitive language code. |
|
Default | |
Browser default. |
|
Object Model Reference | |
[window.]document.getElementById(elementID).lang
|
noshade | NN all IE all HTML 3.2 |
noshade | Optional |
The presence of the noshade attribute tells the browser to render the rule as a flat (not 3-D) line. In Internet Explorer only, if you set the color attribute, the browser changes the default line style to a no-shade style. |
|
Example | |
<HR noshade> |
|
Value | |
The presence of the attribute turns on no-shade rendering. |
|
Default | |
Off. |
|
Object Model Reference | |
[window.]document.getElementById(elementID).noShade
|
size | NN all IE all HTML 3.2 |
size="pixelCount" | Optional |
You can override the default thickness of the hr element by assigning a value to the size attribute. The size attribute is deprecated in HTML 4 in favor of the height style sheet attribute. |
|
Example | |
<HR size="4"> |
|
Value | |
Any positive integer. A setting of zero still draws a one-pixel thick rule. |
|
Default | |
2 |
|
Object Model Reference | |
[window.]document.getElementById(elementID).size
|
width | NN all IE all HTML 3.2 |
width="length" | Optional |
Defines the precise pixel width or percentage of available width (relative to the containing element) to draw the hr element rule. This attribute is deprecated in HTML 4 in favor of the width style sheet attribute. |
|
Example | |
<HR width="75%"> |
|
Value | |
Any length value in pixels or percentage of available space. |
|
Default | |
100% |
|
Object Model Reference | |
[window.]document.getElementById(elementID).width
|