Template:Ordered list
Jump to navigation
Jump to search
| This template uses Lua: |
Usage
This template creates an ordered list, which is similar to a numbered list but may display other characters, such as roman numbers or alphabet letters, instead of the decimal enumerator.
Syntax
- Simple
{{Ordered list |entry1 |entry2 ... }}- Offset starting value
{{Ordered list |start=start|entry1 |entry2 ... |item1_style=CSS1 |item2_style=CSS2 ... }}- Changing the symbol style
{{Ordered list |list_style_type=type |entry1 |entry2 ... }}- With CSS style
{{Ordered list |item_style=CSS-all |entry1 |entry2 ... }}- With separate CSS styles for each item
{{Ordered list |entry1 |item1_style=CSS1 |entry2 |item2_style=CSS2 ... }}- With custom values for each item
{{Ordered list |item1_value=value1 |entry1 |item2_value=value2 |entry2 ... }}
| Parameter | Description |
|---|---|
| type | This parameter indicates the list style type. Popular acceptable parameters include:
|
| start | The number for the first item, formatted as a positive integer (default is 1) |
| entry1 entry2 ... | These unnamed parameters are individual list items that appear as separate lines. They can be words or full sentences. However, all instance of equal sign (=) must be replaced with "{{=}}"; otherwise, the affected line will not appear. |
| value1 value2 ... | Value for list items, formatted as a positive integer |
| CSS1 CSS2 ... | Standard Cascading Style Sheet (CSS) styles that change the look of each line. (User must know CSS syntax.) |
| CSS-all | Standard CSS styles that change the look of all entries. (User must know CSS syntax.) When present, CSS1 through CSS5 are disregarded. |
Acceptable list style type values and supported web browsers
CSS list-style-type values
- CSS 2.1
list-style-typevalues[1]
| none |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| disc |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| circle |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| square |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| decimal |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| decimal-leading-zero |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| lower-roman |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| upper-roman |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| lower-alpha |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| upper-alpha |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| lower-greek |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| armenian |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
| georgian |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
- CSS2
list-style-typevalues dropped in CSS 2.1 but still supported by some browsers[2]
| hebrew |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No |
| cjk-ideographic |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No |
| hiragana |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No |
| katakana |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No |
| hiragana-iroha |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No |
| katakana-iroha |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | No | No | No | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | Yes | No | No | No |
- CSS3
list-style-typevalues (incomplete)[3]
CSS3 adds hundreds of new values, most not yet supported by major browsers.
| upper-greek |
|---|
|
| Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
| 6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
| No | No | Yes | Yes | Yes | No | No | No | No | Yes | Yes | Yes | Yes | Yes | No | No | No |
See also
References
- ↑ "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification". W3C. December 7, 2010.
- ↑ "Cascading Style Sheets, level 2 CSS2 Specification". W3C. April 11, 2008.
- ↑ "CSS3 module: Lists". W3C. November 7, 2002.
| The above documentation is transcluded from Template:Ordered list/doc. (edit | history) Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |