tadam logo

HTML <hr> Tag

Example

Two paragraphs divided by a horizontal line:
<p>This is some text.</p>
<hr />
<p>This is some text.</p>
The output of the code above will be:

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.

Browser Support

The <hr> tag is supported in all major browsers

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 />.

Tips and Notes

Note: The hr element renders differently in different browsers.

Optional Attributes

DTD indicates in which HTML 4.01/XHTML 1.0 DTD the attribute is allowed. S=Strict, T=Transitional, and F=Frameset.
AttributeValueDescriptionDTD
alignleft
center
right
Deprecated. Use styles instead.
Specifies the alignment of a hr element
TF
noshadenoshadeDeprecated. Use styles instead.
Specifies that a hr element should render in one solid color (noshaded), instead of a shaded color
TF
sizepixelsDeprecated. Use styles instead.
Specifies the height of a hr element
TF
widthpixels
%
Deprecated. Use styles instead.
Specifies the width of a hr element
TF

Standard Attributes

Тег <hr> поддерживает следующие стандартные атрибуты:
AttributeValueDescriptionDTD
classclassnameSpecifies a classname for an elementSTF
dirrtl
ltr
Specifies the text direction for the content in an elementSTF
ididSpecifies a unique id for an elementSTF
langlanguage_codeSpecifies a language code for the content in an elementSTF
stylestyle_definitionSpecifies an inline style for an elementSTF
titletextSpecifies extra information about an elementSTF
xml:langlanguage_codeSpecifies a language code for the content in an element, in XHTML documentsSTF
More information about Standard Attributes.

Event Attributes

The <hr> tag supports the following event attributes:
AttributeValueDescriptionDTD
onclickscriptScript to be run on a mouse clickSTF
ondblclickscriptScript to be run on a mouse double-clickSTF
onmousedownscriptScript to be run when mouse button is pressedSTF
onmousemovescriptScript to be run when mouse pointer movesSTF
onmouseoutscriptScript to be run when mouse pointer moves out of an elementSTF
onmouseoverscriptScript to be run when mouse pointer moves over an elementSTF
onmouseupscriptScript to be run when mouse button is releasedSTF
onkeydownscriptScript to be run when a key is pressedSTF
onkeypressscriptScript to be run when a key is pressed and releasedSTF
onkeyupscriptScript to be run when a key is releasedSTF

More information about Event Attributes.

Was this information helpful?
   

Comments