Template:Hlist/doc: Difference between revisions

Revision as of 13:21, 10 July 2013

Template:Strong for Template:Terminate sentence
It may contain usage information, categories and other content that is not part of the original template page.

This template creates horizontal lists. Each item in the list may have CSS styles added to it individually, by appending a numbered parameter.

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, e.g. plainlinks.
style - a custom css style for the <div>...</div> tags surrounding the list, e.g. font-size: 90%;.
ul_style - a custom css style for the <ul>...</ul> tags around the list. The format is the same as for the |style= parameter.
li_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.
li_style1, li_style2, li_style3... - custom css styles for each of the list items. The format is the same as for the |style= parameter.
indent - this parameter indents the list. The value must be a number, e.g. 2. The indent is calculated in em, and is 1.6 times the value specified. If no indent is specified, the default is zero.

Code	Result
`{{hlist\|entry1\|entry2\|entry3\|entry4\|entry5\|entry6\|entry7\|entry8\|entry9}}`	entry1 entry2 entry3 entry4 entry5 entry6 entry7 entry8 entry9
`{{hlist\|Winner\|Runner-up\|Third place\|li_style=color:blue;}}`	Winner Runner-up Third place
`{{hlist\|Winner\|Runner-up\|Third place\|li_style=color:blue;\|indent=2}}`	Winner Runner-up Third place
`{{hlist\|Winner\|Runner-up\|Third place\|li_style1=background-color:yellow;\|li_style2=background-color:silver;}}`	Winner Runner-up Third place

@@ Line 32: / Line 32: @@
 * <code>li_style</code> - a custom css style for all of the list items (the {{tag|li}} tags). The format is the same as for the {{para|style}} parameter.
 * <code>li_style1</code>, <code>li_style2</code>, <code>li_style3</code>... - custom css styles for each of the list items. The format is the same as for the {{para|style}} parameter.
-* <code>indent</code> - for horizontal lists only, this parameter indents the list. The value must be a number, e.g. <code>2</code>. The indent is calculated in [[Em (typography)|em]], and is 1.6 times the value specified. If no indent is specified, the default is zero.
+* <code>indent</code> - this parameter indents the list. The value must be a number, e.g. <code>2</code>. The indent is calculated in [[Em (typography)|em]], and is 1.6 times the value specified. If no indent is specified, the default is zero.
 == Examples ==