FANDOM


Export this template, then import, to install it.
Use edit summary: Copied from [[w:c:templates:Template:Horizontal Rule]] to properly attribute this template's editors.
This template is probably not already on your wiki.
Template documentation
Note: the template above may sometimes be partially or fully invisible.

View or edit this documentation. (How does this work?)

Editors can experiment with this template's sandbox and test case pages.

This template allows customizing the color of the <hr> tag. Its basic form uses a simple.

Syntax
The template is written as {{Horizontal Rule|background}}. The background is the color name. It can be one of the following colors:
  • red

  • orange

  • yellow

  • green

  • blue

  • purple

  • pink

Custom gradient colors
You can pick a different gradient color in the following way: {{Horizontal Rule|custom|<background>}}.
Make sure to use the RGB value for your color in the form of r,g,b . If you want to use a HEX color but don't know the equivalent RGB value, you can use this convertor. For example:
{{Horizontal Rule|custom|255,0,0}}
Results a red gradient, that looks like this:

Other colors
You can use non-gradient colors as well using {{Horizontal Rule|other|<background>}}
On this case, the background can be a any color value (color name, HEX value, RGB value, HSLA value, etc.). For instance:
{{Horizontal Rule|other|cyan}}
Results:

Sources
This template is based on Simple Styles for <hr>'s, as published on css-tricks.com.

Community content is available under CC-BY-SA unless otherwise noted.