> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/typography/font-decoration.md).

# Font Decoration

#### Text Decoration Classes

**`.no-decoration`**

Removes text decoration.

CSS equivalent: `text-decoration: none;`

Example usage:

```html
<span class="no-decoration">This text has no decoration.</span>
```

***

**`.underline`**

Adds an underline to the text.

CSS equivalent: `text-decoration: underline;`

Example usage:

```html
<span class="underline">This text is underlined.</span>
```

***

**`.overline`**

Adds an overline to the text.

CSS equivalent: `text-decoration: overline;`

Example usage:

```html
<span class="overline">This text has an overline.</span>
```

***

**`.line-through`**

Adds a line-through to the text.

CSS equivalent: `text-decoration: line-through;`

Example usage:

```html
<span class="line-through">This text has a line-through.</span>
```

***

#### Text Decoration Style Classes

**`.decoration-solid`**

Sets the text decoration style to solid.

CSS equivalent: `text-decoration-style: solid;`

Example usage:

```html
<span class="decoration-solid">This text has a solid text decoration style.</span>
```

***

**`.decoration-double`**

Sets the text decoration style to double.

CSS equivalent: `text-decoration-style: double;`

Example usage:

```html
<span class="decoration-double">This text has a double text decoration style.</span>
```

***

**`.decoration-dotted`**

Sets the text decoration style to dotted.

CSS equivalent: `text-decoration-style: dotted;`

Example usage:

```html
<span class="decoration-dotted">This text has a dotted text decoration style.</span>
```

***

**`.decoration-dashed`**

Sets the text decoration style to dashed.

CSS equivalent: `text-decoration-style: dashed;`

Example usage:

```html
<span class="decoration-dashed">This text has a dashed text decoration style.</span>
```

***

**`.decoration-wavy`**

Sets the text decoration style to wavy.

CSS equivalent: `text-decoration-style: wavy;`

Example usage:

```html
<span class="decoration-wavy">This text has a wavy text decoration style.</span>
```