Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Template:Hlist

Permanently protected template
From Wikipedia, the free encyclopedia
Template documentation[view] [edit] [history] [purge]
WarningThis template is used inMediaWiki:Citethispage-content, and onapproximately 285,000 pages.
Changes to it can cause immediate changes to the Wikipedia user interface.
To avoid major disruption and server load, any changes should be tested in the template's/sandbox or/testcases subpages, or in your ownuser subpage. The tested changes can be added to this page in a single edit. Please discuss changes on thetalk page before implementing them.
This template can only be edited byadministrators because it istranscluded onto one or morecascade-protected pages.
This template usesLua:
CSSThis template usesTemplateStyles:

This template createshorizontal lists. Each item in the list may be individually styled withCSS.

Lists output by{{Flatlist}} and{{Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists.

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}}

Example

{{hlist|Jazz|rock|pop|rap}}

produces:

  • Jazz
  • rock
  • pop
  • rap

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.
    Avoid using the stylewhite-space:nowrap in theitem_style parameter, because it will have the unintended effect of avoiding line breaks anywhere in the list, instead of just inside the list item; the workaround is to move this style in thelist_style parameter, and then insert{{Wbr}} at thebeginning of each item value, to insert an invisible word-break opportunity (and not atend of the item value, as the word-break would occur just before the trailing spaced-bullet separator).
  • 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

MarkupRenders as
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
  • entry1
  • entry2
  • entry3
  • entry4
  • entry5
  • entry6
  • entry7
  • entry8
  • entry9
✘ Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
✘ Giant planets ().(incorrect markup)
✔ Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
✔ Giant planets ().(correct markup)
{{hlist|Winner|Runner-up|Third place|indent=2}}
  • Winner
  • Runner-up
  • Third place
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
  • Winner
  • Runner-up
  • Third place
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;color:black;|item2_style=background-color:silver;color:black;}}
  • Winner
  • Runner-up
  • Third place

Avoiding Linter errors

{{hlist}} will produceLintererrors if placed inside a template that uses<span>...</span> tags, such as{{small}},{{larger}}, etc. To avoid this, use the substitutions from the table below:

☒N Incorrect markupcheckY Correct markup
{{small|{{hlist|...}}}}{{hlist|...|style=font-size:85%}}
{{resize|{{hlist|...}}}}{{hlist|...|style=font-size:90%}}
{{midsize|{{hlist|...}}}}{{hlist|...|style=font-size:92%}}
{{larger|{{hlist|...}}}}{{hlist|...|style=font-size:120%}}
{{big|{{hlist|...}}}}{{hlist|...|style=font-size:120%}}
{{large|{{hlist|...}}}}{{hlist|...|style=font-size:120%}}
{{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}}
HTML lists
Horizontal list
{{hlist|item1 |item2 }}
  • item1
  • item2
Horizontal list
{{flatlist|
* item1
* item2}}
  • item1
  • item2
Horizontal list
{{cslist|item1 |item2 }}
  • item1
  • item2
Bulleted list
{{bulleted list|item1 |item2 }}
  • item1
  • item2
Numeric ordered list
{{Ordered list|first |second }}
  1. first
  2. second
Alphabetic ordered list
{{Ordered list|list_style_type=lower-alpha |first |second }}
  1. first
  2. second
Unbulleted list
{{unbulleted list|item1 |item2 }}
  • item1
  • item2
Unbulleted list
{{plainlist|
* item1
* item2}}
  • item1
  • item2
Glossary or definition list
{{glossary}}

{{term|first term}}{{defn|first description}}
{{term|second term}}{{defn|second description}}
{{glossary end}}

first term
first description
second term
second description
Bulleted list to flow around an image
[[File:Bad Title Example.png|left|thumb|100px]]

{{flowlist|
*item1
*item2}}

  • item1
  • item2
Ordered list in columns
{{columns-list|colwidth=5em|
# first
# second}}
  1. first
  2. second
The abovedocumentation istranscluded fromTemplate:Hlist/doc.(edit |history)
Editors can experiment in this template'ssandbox(edit |diff) andtestcases(edit) pages.
Add categories to the/doc subpage.Subpages of this template.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Template:Hlist&oldid=1208350517"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2025 Movatter.jp