> 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/text-overflow.md).

# Text Overflow

## `.text-clip`

Clips the overflowing text.

CSS equivalent: `text-overflow: clip;`

Example usage:

```html
<div class="text-clip">
  <p>This text overflows but is clipped.</p>
</div>
```

***

## `.text-ellipsis`

Adds an ellipsis (...) to the end of the overflowing text.

CSS equivalent: `text-overflow: ellipsis;`

Example usage:

```html
<div class="text-ellipsis">
  <p>This text overflows and is truncated with an ellipsis.</p>
</div>
```

***

## `.text-fade`

Fades out the overflowing text.

CSS equivalent: `text-overflow: fade;`

Example usage:

```html
<div class="text-fade">
  <p>This text overflows and is faded out.</p>
</div>
```