List bullet style

It is possible to customize the bullet style of lists with the bulletStyle attribute for ul and ol lists. This attribute will set the list-style-type CSS property for children items in the list.

ul list

The allowed values for the bulletStyle attribute are:

• "default": the default style, will have the same result as if the attribute is not present
• "circle": the bullet will be a circle
• "square": the bullet will be a square
• "none": the bullet will be absent
• "inherit": the bullet will have the same value as for the parent list

ol list

The allowed values for the bulletStyle or bullet attribute are:

• "default": the default style, will have the same result as if the attribute is not present
• "upper-roman": the bullet will be upper-roman letters
• "lower-roman" or "roman": the bullet will be lower-roman letters
• "upper-alpha": the bullet will be upper-alpha letters
• "lower-alpha" or "alpha": the bullet will be lower-alpha letters
• "upper-greek": the bullet will be upper-greek letters
• "lower-greek" or "greek": the bullet will be lower-greek letters
• "decimal": the bullet will be decimals
• "none": the bullet will be absent
• "inherit": the bullet will have the same value as for the parent list

It is possible to specify the start of the list with the start attribute. The attribute can be specified as a number or using a value compatible with the bullet style.

Example

   <ol bulletStyle="upper-roman">
      <li>First item</li>
      <li>Second item</li>      
      <ol bulletStyle="lower-alpha">
         <li>First item</li>
         <li>Second item</li> 
      </ol>
   </ol>

Result:

1. First item
2. Second item
1. First item
2. Second item

Examples with start and bullet style

  <ol bullet="alpha" start="c">
    <li>first element</li>
    <li>second element</li>
  </ol>

Result:

3. first element
4. second element

  <ol bullet="roman" start="IV">
    <li>first element</li>
    <li>second element</li>
  </ol>

Result:

4. first element
5. second element