Template:Hr/doc - Revision history

Inari: Created page with "{{Short description|Displays a horizontal line}} {{Documentation subpage}} {{vpad|1.5em}} '''{{Hr}}''' displays a '''horizontal rule''' (horizontal line) which by default looks like this: {{hr}} and whose height can be adjusted if desired. The rule appears on a line of its own, creating a line break if used mid-paragraph. == Usage == For the default appearance, insert {{hr}} 2026-06-04T12:47:11Z Created page with "{{Short description|Displays a horizontal line}} {{Documentation subpage}} {{vpad|1.5em}} '''<nowiki>{{Hr}}</nowiki>''' displays a '''horizontal rule''' (horizontal line) which by default looks like this: {{hr}} and whose height can be adjusted if desired. The rule appears on a line of its own, creating a line break if used mid-paragraph. == Usage == For the default appearance, insert <code><nowiki>{{hr}}</nowiki></c..." New page {{Short description|Displays a horizontal line}} {{Documentation subpage}} {{vpad|1.5em}} '''<nowiki>{{Hr}}</nowiki>''' displays a '''horizontal rule''' (horizontal line) which by default looks like this: {{hr}} and whose height can be adjusted if desired. The rule appears on a line of its own, creating a line break if used mid-paragraph. == Usage == For the default appearance, insert <code><nowiki>{{hr}}</nowiki></code> where you want the horizontal rule to appear. Text before <code><nowiki>{{hr}}</nowiki></code> will appear above the rule, and text after it below. To change the rule's height, use <code><nowiki>{{</nowiki>hr|''height''<nowiki>}}</nowiki></code>, where <code>''height''</code> is the thickness in [[Pixel#Logical|pixels]]: for example {{nowrap|<code><nowiki>{{hr|2}}</nowiki></code>}} creates a rule two pixels high. <div style="margin-left:1.5em"> * The <code>''height''</code> value need not be a whole number. * To make the rule thicker (taller) than the default, use a value greater than 1. * To make it thinner than the default, use a value between 0 and 1, exclusive. * On lower-resolution displays: Small <code>''height''</code> differences might render the same. A <code>''height''</code> less than 1 might render nothing (an "invisible line"). * For any given device, a visible line might become invisible, or vice versa, depending on what precedes it on the page. Thus, unrelated edits can affect the rendering. All of these effects were seen on a Windows laptop display, at 1366x768 resolution, in [[Anno Domini|AD]] 2025. For these reasons, a <code>''height''</code> less than 1 is not recommended. See [[#Examples and testing|Examples and testing]] for the current renderings on your particular device. * Enter just the number; don't add a unit such as <code>px</code> or <code>em</code> after it. * Placing the template within a line of text, :: <code><nowiki>like {{hr}} this</nowiki></code>, : will split the text at the rule, :: like {{hr}} this </div> == Examples and testing <span class="anchor" id="Examples"></span> == Rendering varies slightly depending on display resolution; see [[#Usage|Usage]]. {| |+ |- ! Coding !! Resulting line height on your display, today |- | <code><nowiki>{{hr|0.5}}</nowiki></code> || {{hr|0.5}} |- | <code><nowiki>{{hr|1}}</nowiki></code> or <code><nowiki>{{hr}}</nowiki></code> || {{hr}} |- | <code><nowiki>{{hr|1.5}}</nowiki></code> || {{hr|1.5}} |- | <code><nowiki>{{hr|2}}</nowiki></code> || {{hr|2}} |- | <code><nowiki>{{hr|2.5}}</nowiki></code> || {{hr|2.5}} |- | <code><nowiki>{{hr|3}}</nowiki></code> || {{hr|3}} |- | <code><nowiki>{{hr|4}}</nowiki></code> || {{hr|4}} |- | <code><nowiki>{{hr|5}}</nowiki></code> || {{hr|5}} |- | <code><nowiki>{{hr|10}}</nowiki></code> || {{hr|10}} |} (At this point, we have a horizontal bar, not a horizontal rule. Some judicious restraint is recommended, making the line height proportional to [not ''equal to''] that of the nearby text. <code><nowiki>{{hr|10}}</nowiki></code> is excessive for most uses.) == Alternatives == A horizontal rule with the default appearance can also be produced by <div style="margin-left:1.5em"> * typing four hyphens <code>----</code> on a new line, or by * using an HTML {{tag|hr|e}} tag. </div> The template inserts the HTML tag and gives it a <code>style=</code> attribute if the height is specified. For example, <code><nowiki>{{hr|3}}</nowiki></code> adds <code><nowiki><hr style="height:3px" /></nowiki></code> to the HTML for the page. == Parameters == [[wp:TemplateData|The information]] in this section is used by [[wp:VisualEditor|VisualEditor]] and tools such as [[mw:Extension:TemplateWizard|TemplateWizard]]. {{TemplateData header|noheader=yes}} <templatedata> { "params": { "1": { "label": "Height", "description": "The thickness of the rule, in pixels.", "type": "number", "default": "1", "example": "1.5" } }, "description": "Displays a horizontal rule (horizontal line).", "format": "inline" } </templatedata> <includeonly>{{Sandbox other||  [[Category:Wikipedia HTML tag-replacing templates]] }}</includeonly>