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

# Span

> [`OpenTypeFeature`](#opentypefeature)

## Classes

### OpenTypeFeature

#### Constructors

##### Constructor

```ts
new OpenTypeFeature(tag, value): OpenTypeFeature;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `tag` | `string` |
| `value` | `number` |

###### Returns

#### Properties

##### tag

```ts
tag: string;
```

##### value

```ts
value: number;
```

#### Methods

##### equals()

```ts
equals(other): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`OpenTypeFeature`](#opentypefeature) |

###### Returns

`boolean`

***

### Span

#### Extends

- [`InlineElement`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/InlineElement.md#abstract-inlineelement)

#### Constructors

##### Constructor

```ts
new Span(): Span;
```

###### Returns

[`Span`](#span)

###### Inherited from

[`InlineElement`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/InlineElement.md#abstract-inlineelement).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/InlineElement.md#constructor)

#### Properties

##### content

```ts
content: InlineElement[] = [];
```

##### style

```ts
style: SpanStyle;
```

***

### SpanStyle

#### Constructors

##### Constructor

```ts
new SpanStyle(): SpanStyle;
```

###### Returns

[`SpanStyle`](#spanstyle-1)

#### Properties

##### allCaps?

```ts
optional allCaps?: boolean;
```

##### bold?

```ts
optional bold?: boolean;
```

##### color?

```ts
optional color?: IColorData;
```

##### fontName?

```ts
optional fontName?: string;
```

##### fontSize?

```ts
optional fontSize?: NumericValue;
```

##### horizontalScale?

```ts
optional horizontalScale?: number;
```

##### italic?

```ts
optional italic?: boolean;
```

##### leading?

```ts
optional leading?: NumericValue;
```

##### openTypeFeatures?

```ts
optional openTypeFeatures?: OpenTypeFeature[];
```

##### penColor?

```ts
optional penColor?: IColorData;
```

##### penWidth?

```ts
optional penWidth?: NumericValue;
```

##### smallCaps?

```ts
optional smallCaps?: boolean;
```

##### sub?

```ts
optional sub?: boolean;
```

##### subSize?

```ts
optional subSize?: number;
```

##### sup?

```ts
optional sup?: boolean;
```

##### supSize?

```ts
optional supSize?: number;
```

##### tracking?

```ts
optional tracking?: number;
```

##### underline?

```ts
optional underline?: boolean;
```

##### verticalScale?

```ts
optional verticalScale?: number;
```

## Type Aliases

### OpenTypeFeatureTag

```ts
type OpenTypeFeatureTag = string;
```