Template:Plainlist/doc
| File:OOjs UI icon book-ltr.svg | This is a documentation subpage for Template:Plainlist. It contains usage information, categories and other content that is not part of the original template page. |
| File:Imbox content.png | This template is used on 58000+ pages. To avoid large-scale disruption and unnecessary server load, any changes to this template should first be tested in the template's /sandbox or /testcases subpages, or in your own user space. The tested changes can then be added in one single edit to the template. Please consider discussing any changes on the talk page before implementing them. |
This template provides a WCAG/ISO-standards-compliant accessible alternative to <br /> separated lists, per WP:UBLIST and WP:PLIST
Usage
{{plainlist}} starts a plain (i.e. unbulleted) list, such as:
It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with <br />. Detailed reasons for using this template can be found at WP:UBLIST.
This template can be used with or without {{endplainlist}}. It is an alternative to {{unbulleted list}}, which performs the same function in a more concise but less wiki-style manner. Note that {{unbulleted list}} will work inside image captions, whereas {{plainlist}} does not.
Examples
{{plainlist|
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
}}
- Alternative syntax
{{plainlist}} or {{startplainlist}}
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
{{endplainlist}}
Parameters
- class – adds a CSS class to the containing div.
- style – adds CSS style options. Complex styles should not be used in articles (per wp:deviations) but may be acceptable on user, project, and talk pages.
- Example:
|style=border:solid 1px silver; background:lightyellow
- Example:
- indent – indents the list by a number of standard indents (one indent being 1.6em), particularly handy for inclusion in an indented discussion thread.
- Example:
|indent=2
- Example:
Method
{{Plainlist}} works by constructing a div with the CSS class "plainlist" which has the following style:
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
See also
- {{startplainlist}}
- {{endplainlist}}
- {{unbulleted list}}
- {{flatlist}} and {{hlist}} (Replacements for comma- or dash-separated lists)
- {{ordered list}} and {{unordered list}}