Typography

line-clamp

Name: Fynydd
Address: 630 Freedom Business Center Drive, King of Prussia, Pennsylvania, 19406, United States
Telephone: +1 855-439-6933
Rating: 4.9

Utilities for truncating text after a fixed number of lines.

Quick reference

Class Styles

line-clamp-none

overflow: visible;
display: block;
-webkit-box-orient: horizontal;
-webkit-line-clamp: unset;

line-clamp-<number>

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: <number>;

line-clamp-2

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

line-clamp-[<value>]

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: <value>;

line-clamp-[2]

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

line-clamp-(<custom-property>)

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(<custom-property>);

line-clamp-(--my-number)

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--my-number);

line-clamp-(number:<custom-property>)

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(<custom-property>);

line-clamp-(number:--my-number)

overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--my-number);

letter-spacing

line-height

Typography

line-clamp

Quick reference

Sfumato

Community