How to check caps lock is on/off using JavaScript / jQuery ?

HTML <hr> size Attribute

Last Updated : 03 Oct, 2024

The HTML <hr> element’s size attribute defines the height (thickness) of the horizontal rule. It accepts numerical values that specify the pixel height. However, this attribute is deprecated in HTML5, and it’s recommended to use CSS for controlling the height of <hr> elements.

Syntax

<hr size="pixels">

Attribute Values

It contains single value pixels which specify the height in terms of pixels.

Note: The <hr> size Attribute is not supported by HTML 5.

Example: In this example we centers a heading “GeeksforGeeks” and uses two <hr> elements, where the size attribute adjusts their thickness to 10 and 20 pixels, creating visually distinct horizontal lines.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML hr size Attribute
    </title>
</head>

<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
    <hr width="500px;" size="10">
    <p>Computer science portal</p>
    <hr width="70%" size="20">
</body>

</html>

Output:

Supported Browsers

The browser supported by HTML <hr> size Attribute are listed below:

How to check caps lock is on/off using JavaScript / jQuery ?

jit_t

Improve

Article Tags :

Similar Reads

HTML | <hr>Â noshadeÂ Attribute

The HTML <hr>Â noshadeÂ Attribute is the boolean value and used to specify the solid horizontal line instead of shaded lines. Syntax: <hr noshade> Note: The <hr>Â noshadeÂ Attribute is not supported by HTML 5. Example: <!DOCTYPE html> <html> <head> <title> HTML

HTML | <hr>Â widthÂ Attribute

The HTML <hr>Â widthÂ attribute is used to specify the width of the horizontal line in terms of pixels or percent. Syntax: <hr width="pixels|%"> Attribute Values: pixels: It sets the width of <hr> attribute in terms of pixels. %: It sets the width of <hr> attribute in terms of

HTML | <col>Â widthÂ Attribute

The HTML <col>Â widthÂ Attribute is used to specify the width of <col> element. It sets the fixed width of column element. In general, the width of <col> element is the width needed to display its content. Syntax: <col width="pixels | % | relative_length"> Attribute Values: pix

The <hr> tag in HTML is used to create a horizontal rule or line that visually separates content. Note: It is a self-closing tag and does not require an end tag. It also supports the Global Attributes and Event Attributes. [GFGTABS] HTML <!DOCTYPE html> <html> <body> <p

HTML DOM setAttributeNode() Method

The setAttributeNode() method in HTML DOM is used to add the specified attribute node to an element. If the specified attribute is already present, then this method replaces it. Syntax: element.setAttributeNode(name) Parameter: Only one parameter is accepted name.Where the name is the attribute node

HTML <picture> Tag

The HTML <picture> tag provides flexibility for defining image resources, ideal for responsive designs and art direction. It includes multiple <source> tags for different media queries and an <img> tag as a fallback to ensure compatibility with browsers that don't support the <p

HTML <html> Tag

HTML is a language full of diverse elements, and one such element is the <html> tag. This tag, standing for â€˜HyperText Markup Languageâ€™, is used to define the root of an HTML or XHTML document. It serves as the main container for all other HTML elements, excluding the <!DOCTYPE> declarat

HTML <span> Tag

The HTML <span> tag is an inline container that is used to group and apply styles or scripts to specific parts of text or elements within a document. While it doesn't affect the layout or appearance on its own, it serves as a target for CSS styling and JavaScript interactions, making it ideal

HTML <small> Tag

The <small> tag in HTML is used to define smaller text, reducing font size. It decreases the font size by one size (from medium to small, from x-large to large). It has a display property of inline. TheÂ <small>Â tag also supports theÂ Global Attributes and Event Attributes in HTML. This ta

HTML | DOM HR size Property

The DOM HR size property is used to set or return the value of the size attribute of the <hr> element. Note : This property is not supported by HTML5 Syntax: It returns the HR size property. hrobject.sizeIt is used to set the HR size property. hrobject.size="value" Property Values: value: It c