ढाँचा:Hlist
ढाँचा कागजात[हेर्नुहोस्] [सम्पादन गर्नुहोस्] [इतिहास] [ताजा गर्नुहोस्]
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Usage
Basic usage
{hlist|first item|second item|third item|...}
All parameters
{hlist |first item|second item|third item|... |class = class for div tag |style = style for div tag |list_style = style for ul tag |item_style = style for all li tags |item1_style = style for first li tag |item2_style = style for second li tag |... |indent = the number of tabs to indent }
Parameters
- Positional parameters (
1
,2
,3
...): these are the list items. If no list items are present, the module will output nothing. class
: a custom class for the<div>...</div>
tags surrounding the list. Set toinline
when using {hlist} inside text.style
: a custom CSS style for the<div>...</div>
tags surrounding the list, e.g.font-size: 90%;
.list_style
: a custom CSS style for the<ul>...</ul>
tags around the list. The format is the same as for the|style=
parameter.item_style
: a custom CSS style for all of the list items (the<li>...</li>
tags). The format is the same as for the|style=
parameter.item1_style
,item2_style
,item3_style
...: custom CSS styles for each of the list items. The format is the same as for the|style=
parameter.indent
: the number of tabs to indent the list. Default value is 0.
Examples
Markup | Renders as |
---|---|
{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9} |
|
Giant planets ({hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}). |
Giant planets (
|
Giant planets ({hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}). |
Giant planets (
|
{hlist|Winner|Runner-up|Third place|indent=2} |
|
{hlist|Winner|Runner-up|Third place|item_style=color:blue;} |
|
{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;} |
|
Avoiding Linter errors
{hlist} will produce Linter errors if placed inside a template that uses <span>...</span>
tags, such as {small}, {smaller}, {larger}, etc. To avoid this, use the substitutions from the table below:
Incorrect markup | Correct markup |
---|---|
{small|{hlist|...} |
{hlist|...|style=font-size:85%}
|
{smaller|{hlist|...} |
{hlist|...|style=font-size:90%}
|
{resize|{hlist|...} |
{hlist|...|style=font-size:90%}
|
{midsize|{hlist|...} |
{hlist|...|style=font-size:92%}
|
{larger|{hlist|...} |
{hlist|...|style=font-size:110%}
|
{big|{hlist|...} |
{hlist|...|style=font-size:120%}
|
{large|{hlist|...} |
{hlist|...|style=font-size:large}
|
{huge|{hlist|...} |
{hlist|...|style=font-size:180%}
|
{resize|x%|{hlist|...} |
{hlist|...|style=font-size:x%}
|
{font|size=x%|{hlist|...} |
{hlist|...|style=font-size:x%}
|
{nowrap|{hlist|...} |
{hlist|...|style=white-space: nowrap}
|
See also
ढाँचा:Navbox lists