---
title: "HtmlListStyles | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/HtmlListStyles/"
---

# HtmlListStyles

> - [`HtmlListItemStyles`](#htmllistitemstyles)
> - [`HtmlOrderedListStyles`](#htmlorderedliststyles)
> - [`HtmlUnorderedListStyles`](#htmlunorderedliststyles)

## Classes

### HtmlBaseListStyles

#### Extended by

#### Constructors

##### Constructor

```ts
new HtmlBaseListStyles(): HtmlBaseListStyles;
```

###### Returns

[`HtmlBaseListStyles`](#htmlbaseliststyles)

#### Properties

##### bulletNumberTabPosition

```ts
static bulletNumberTabPosition: string = "bullet-number-tab-position";
```

##### firstLineIndent

```ts
static firstLineIndent: string = 'first-line-indent';
```

##### fontSize

```ts
static fontSize: string = "font-size";
```

##### leftIndent

```ts
static leftIndent: string = 'left-indent';
```

##### levelIndent

```ts
static levelIndent: string = 'level-indent';
```

##### listStyleType

```ts
static listStyleType: string = "list-style-type";
```

##### marginLeft

```ts
static marginLeft: string = "margin-left";
```

##### textIndent

```ts
static textIndent: string = 'text-indent';
```

##### textIndentCroppedPart

```ts
static textIndentCroppedPart: string = 'text-indent-cropped-part';
```

***

### HtmlListItemStyles

#### Extends

- [`HtmlBaseListStyles`](#htmlbaseliststyles)

#### Constructors

##### Constructor

```ts
new HtmlListItemStyles(): HtmlListItemStyles;
```

###### Returns

[`HtmlListItemStyles`](#htmllistitemstyles)

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`constructor`](#constructor)

#### Properties

##### bulletNumberTabPosition

```ts
static bulletNumberTabPosition: string = "bullet-number-tab-position";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`bulletNumberTabPosition`](#bulletnumbertabposition)

##### firstLineIndent

```ts
static firstLineIndent: string = 'first-line-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`firstLineIndent`](#firstlineindent)

##### fontSize

```ts
static fontSize: string = "font-size";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`fontSize`](#fontsize)

##### leftIndent

```ts
static leftIndent: string = 'left-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`leftIndent`](#leftindent)

##### levelIndent

```ts
static levelIndent: string = 'level-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`levelIndent`](#levelindent)

##### listStyleType

```ts
static listStyleType: string = "list-style-type";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`listStyleType`](#liststyletype)

##### marginLeft

```ts
static marginLeft: string = "margin-left";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`marginLeft`](#marginleft)

##### textAlign

```ts
static textAlign: string = 'text-align';
```

##### textIndent

```ts
static textIndent: string = 'text-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`textIndent`](#textindent)

##### textIndentCroppedPart

```ts
static textIndentCroppedPart: string = 'text-indent-cropped-part';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`textIndentCroppedPart`](#textindentcroppedpart)

***

### HtmlOrderedListStyles

#### Extends

- [`HtmlBaseListStyles`](#htmlbaseliststyles)

#### Constructors

##### Constructor

```ts
new HtmlOrderedListStyles(): HtmlOrderedListStyles;
```

###### Returns

[`HtmlOrderedListStyles`](#htmlorderedliststyles)

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`constructor`](#constructor)

#### Properties

##### bulletNumberTabPosition

```ts
static bulletNumberTabPosition: string = "bullet-number-tab-position";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`bulletNumberTabPosition`](#bulletnumbertabposition)

##### firstLineIndent

```ts
static firstLineIndent: string = 'first-line-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`firstLineIndent`](#firstlineindent)

##### fontSize

```ts
static fontSize: string = "font-size";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`fontSize`](#fontsize)

##### leftIndent

```ts
static leftIndent: string = 'left-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`leftIndent`](#leftindent)

##### levelIndent

```ts
static levelIndent: string = 'level-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`levelIndent`](#levelindent)

##### listStyleType

```ts
static listStyleType: string = "list-style-type";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`listStyleType`](#liststyletype)

##### marginLeft

```ts
static marginLeft: string = "margin-left";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`marginLeft`](#marginleft)

##### start

```ts
static start: string = 'start';
```

##### textIndent

```ts
static textIndent: string = 'text-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`textIndent`](#textindent)

##### textIndentCroppedPart

```ts
static textIndentCroppedPart: string = 'text-indent-cropped-part';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`textIndentCroppedPart`](#textindentcroppedpart)

##### type

```ts
static type: string = 'type';
```

***

### HtmlUnorderedListStyles

#### Extends

- [`HtmlBaseListStyles`](#htmlbaseliststyles)

#### Constructors

##### Constructor

```ts
new HtmlUnorderedListStyles(): HtmlUnorderedListStyles;
```

###### Returns

[`HtmlUnorderedListStyles`](#htmlunorderedliststyles)

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`constructor`](#constructor)

#### Properties

##### bulletNumberTabPosition

```ts
static bulletNumberTabPosition: string = "bullet-number-tab-position";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`bulletNumberTabPosition`](#bulletnumbertabposition)

##### firstLineIndent

```ts
static firstLineIndent: string = 'first-line-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`firstLineIndent`](#firstlineindent)

##### fontSize

```ts
static fontSize: string = "font-size";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`fontSize`](#fontsize)

##### leftIndent

```ts
static leftIndent: string = 'left-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`leftIndent`](#leftindent)

##### levelIndent

```ts
static levelIndent: string = 'level-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`levelIndent`](#levelindent)

##### listStyleType

```ts
static listStyleType: string = "list-style-type";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`listStyleType`](#liststyletype)

##### marginLeft

```ts
static marginLeft: string = "margin-left";
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`marginLeft`](#marginleft)

##### textIndent

```ts
static textIndent: string = 'text-indent';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`textIndent`](#textindent)

##### textIndentCroppedPart

```ts
static textIndentCroppedPart: string = 'text-indent-cropped-part';
```

###### Inherited from

[`HtmlBaseListStyles`](#htmlbaseliststyles).[`textIndentCroppedPart`](#textindentcroppedpart)

##### type

```ts
static type: string = 'type';
```