HTML Standard: <ul>, <ol>, <li> tags

HTML Standard

HTML Extended

<ul>, <ol>, <li> tags

Inserts a list.

Attributes <ul>

Attribute	Description
class	One or more classes. This attribute used with customListStyles and wordStyles options allows applying a custom numbering style and a custom paragraph style.
id	Id.
style	Inline styles. Styles can also be applied using style tags.

Attributes <ol>

Attribute	Description
class	One or more classes.
id	Id.
start	Start value for the list items.
style	Inline styles. Styles can also be applied using style tags.
type	Type of marker of the list items.

Attributes <li>

Attribute	Description
class	One or more classes.
id	Id.
style	Inline styles. Styles can also be applied using style tags.

Styles <ol>

Style	Description
list-style-type	decimal lower-alpha lower-latin lower-roman none upper-alpha upper-latin upper-roman

Styles

Using createListStyle and HTML, custom list styles can be applied to use more styles such as changing level list types or add images as bullets.

paragraph styles can be applied to list contents.

HTML Extended (Premium licenses)

Attribute	Description
data-depth	Forces a list level to the li tag.
data-listppr	Applies a custom pPr style.
data-listrpr	Applies a custom rPr style.
data-style	Applies a custom paragraph style.

Code samples

Example #1

<ul>
    <li>Item 1</li>
    <ul>
        <li>Item 1.A</li>
        <li>Item 1.2</li>
        <li>Item 1.3</li>
    </ul>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

The resulting Word document looks like:

Example #2

<style>
    .stylell {
        list-style-type: upper-roman;
    }
</style>
<ol class="stylell">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

The resulting Word document looks like:

Example #3

<style>
    #customlist {
        list-style-type: lower-roman;
    }
    .listdec {
        list-style-type: decimal;
    }
    .stylefi {
        color: #8FBC8F;
        font-weight: bold;
    }
    .listdec li {
        color: #00008B;
        font-weight: bold;
    }
</style>
<ol id="customlist">
    <li class="stylefi">Item 1</li>
    <ol class="listdec">
        <li>Item 1.A</li>
        <li>Item 1.2</li>
        <li>Item 1.3</li>
    </ol>
    <li>Item 2</li>
    <ol class="listdec">
        <li>Item 2.A</li>
        <li>Item 2.2</li>
        <li>Item 2.3</li>
    </ol>
    <li>Item 3</li>
</ol>

The resulting Word document looks like: