Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

HTML DOM HR Object

❮ Previous Next Reference ❯

HR Object

The HR object represents an HTML <hr> element.

Access a HR Object

You can access a <hr> element by using getElementById():

Example

var x = document.getElementById("myHR");

Try it Yourself »

Create a HR Object

You can create a <hr> element by using the document.createElement() method:

Example

var x = document.createElement("HR");

Try it Yourself »

HR Object Properties

Property	Description
align	Not supported in HTML5. Use style.textAlign instead. Sets or returns the alignment of a horizontal line
color	Not supported in HTML5. Use style.color instead. Sets or returns the color of a horizontal line
noshade	Not supported in HTML5. Sets or returns whether a horizontal line should render in one solid color (noshaded)
size	Not supported in HTML5. Use style.height instead. Sets or returns the height of a horizontal line
width	Not supported in HTML5. Use style.width instead. Sets or returns the width of a horizontal line

Standard Properties and Events

The HR object also supports the standard properties and events.

Related Pages

HTML reference: HTML <hr> tag

❮ Previous Next Reference ❯