Template:Plainlist/doc

Revision as of 17:42, 17 January 2017 by imported>TheWallflower00 (Created page with "{{Documentation subpage}} <!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> {{#ifeq:{{FULLPAGENAME}} | Template:Plainlist | {{high-use|100,000+}} }} This template pro...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Template:Documentation subpage


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:

{{[[Template:

|

]]}}

It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with Template:Tag. 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

Template:Markup

Alternative syntax

Template:Markup

Optional 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: Template:Para
  • 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: Template:Para

Controlling line-breaking

Template Template:Tlx may be used with Template:Tlx and Template:Tlx to control line-breaking in bulletless lists, to prevent wrapped long entries from being confused with multiple entries. See Template:Wbr/doc#Controlling line-breaking in infoboxes for details.

Technical details

{{Plainlist}} works by constructing a div with the CSS class "plainlist" which has the following style: <source lang="css"> .plainlist ul {

   line-height: inherit;
   list-style: none none;
   margin: 0;

} .plainlist ul li {

   margin-bottom: 0;

} </source>

Redirects

See also