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

# HtmlSpanStyles

> [`HtmlSpanStyles`](#htmlspanstyles)

## Classes

### HtmlSpanStyles

#### Constructors

##### Constructor

```ts
new HtmlSpanStyles(): HtmlSpanStyles;
```

###### Returns

#### Properties

##### color

```ts
static color: string = "color";
```

##### colorIndex

```ts
static colorIndex: string = "color-index";
```

##### fontFamily

```ts
static fontFamily: string = "font-family";
```

##### fontFeatureSettings

```ts
static fontFeatureSettings: string = "font-feature-settings";
```

##### fontSize

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

##### fontStyle

```ts
static fontStyle: string = "font-style";
```

##### fontVariantCaps

```ts
static fontVariantCaps: string = "font-variant-caps";
```

##### fontWeight

```ts
static fontWeight: string = "font-weight";
```

##### letterSpacing

```ts
static letterSpacing: string = "letter-spacing";
```

##### lineHeight

```ts
static lineHeight: string = "line-height";
```

##### paddingLeft

```ts
static paddingLeft: string = "padding-left";
```

##### penColor

```ts
static penColor: string = "-webkit-text-stroke-color";
```

##### penColorIndex

```ts
static penColorIndex: string = "pen-color-index";
```

##### penWidth

```ts
static penWidth: string = "-webkit-text-stroke-width";
```

##### sub

```ts
static sub: string = "sub";
```

##### textDecoration

```ts
static textDecoration: string = "text-decoration";
```

##### textTransform

```ts
static textTransform: string = "text-transform";
```

##### verticalAlign

```ts
static verticalAlign: string = "vertical-align";
```

##### verticalScale

```ts
static verticalScale: string = "transform";
```

##### webkitTextStroke

```ts
static webkitTextStroke: string = "-webkit-text-stroke";
```