List Style feature

The editor should display 4 headers and tables.

  1. Default styles
    A table should contain two columns that display default styles for <ul> and <ol> lists.
  2. Bulleted lists A table should contain four columns with different bulleted lists (circle, disc, square, '👉').
  3. Numbered lists A table should contain four columns with different numbered lists (decimal, decimal-leading-zero, lower-latin, lower-roman).
  4. Nested/mixed lists A table with two columns that contains nested and mixed <ol> and <ul> elements with different values for list-style-type.

Check whether the list-style-type value is the same as the table or the list item describes.

List Styles UI

Default styles

Default styles
Bulleted Numbered
  • UL List item 1
  • UL List item 2
  • UL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3

Bulleted lists

Type of list
Circle Disc Square '👉'
  • UL List item 1
  • UL List item 2
  • UL List item 3
  • UL List item 1
  • UL List item 2
  • UL List item 3
  • UL List item 1
  • UL List item 2
  • UL List item 3
  • UL List item 1
  • UL List item 2
  • UL List item 3

Numbered lists

Type of list
Decimal Decimal-leading-zero Lower-latin Lower-roman
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3
  1. OL List item 1
  2. OL List item 2
  3. OL List item 3

Nested/mixed lists (numbered and bulleted)

  1. OL 1.1 OL[style: lower-roman]
  2. OL 1.2 OL[style: lower-roman]
    • UL 1.2.1 OL[style: lower-roman] > UL[style: square]
    • UL 1.2.2 OL[style: lower-roman] > UL[style: square]
    • UL 1.2.3 OL[style: lower-roman] > UL[style: square]
  3. OL 1.3 OL[style: lower-roman]
  4. OL 1.4 OL[style: lower-roman]
    1. OL 1.4.1 OL[style: lower-roman] > OL[style: lower-alpha]
    2. OL 1.4.2 OL[style: lower-roman] > OL[style: lower-alpha]
    3. OL 1.4.3 OL[style: lower-roman] > OL[style: lower-alpha]
  5. OL 1.5 OL[style: lower-roman]
  6. OL 1.6 OL[style: lower-roman]
  1. OL 2.1 OL[style: upper-alpha]
    1. OL 2.2.1 OL[style: lower-alpha] > OL[style: lower-greek]
      • UL 2.2.1.1 ... > OL[style: lower-greek] > UL[style: circle]
      • UL 2.2.1.2 ... > OL[style: lower-greek] > UL[style: circle]
      • UL 2.2.1.3 ... > OL[style: lower-greek] > UL[style: circle]
    2. OL 2.2.2 OL[style: lower-alpha] > OL[style: lower-greek]
    3. OL 2.2.3 OL[style: lower-alpha] > OL[style: lower-greek]
  2. OL 2.2 OL[style: upper-alpha]