Versions Compared

Version Old Version 4 New Version 5
Changes made by

Marcella Marino

Marcella Marino

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. In the Basic text component, click on the Source option in the toolbar.

  2. Choose your list item marker from the table below and copy and paste the code snippet to replace the first tag of your list.

List style type

Value

Code example

Standard bullet

disc

<ul style="list-style-type:disc;">

Circle

circle

<ul style="list-style-type:circle;">

Square

square

<ul style="list-style-type:square;">

Code example

<ul style="list-style-type:disc">
    <li>Oranges</li>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Grapes</li>
</ul>

...

The type attribute of the <ol> tag defines the type of the list item marker:

List style type

Value

Code example

Numbers (Arabic)

1, 2, 3

<ol type="1">

Uppercase letters

A, B, C

<ol type="A">

Lowercase letters

a, b, c

<ol type="a">

Uppercase Roman numerals

I, II, III

<ol type="I">

Lowercase Roman numerals

i, ii, iii

<ol type="i">

Code example

<ol style="list-style-type:lower-alpha" type="a">
    <li>Oranges</li>
    <li>Apples</li>
    <li>Bananas</li>
    <li>Grapes</li>
</ol>

...