Skip to content

Text Overflow

This page lists all Text Overflow CSS custom properties available in the OxyProps Framework

Text Overflow

link Text Overflow
DescriptionUtility Class
Excess text is clipped and not displayed o-overflow-text-clip
Excess text is truncated and an ellipsis (”…”) is displayed o-overflow-text-ellipsis
Limit displayed text to 1 line. o-line-clamp-1
Limit displayed text to 2 lines. o-line-clamp-2
Limit displayed text to 3 lines. o-line-clamp-3
Limit displayed text to 4 lines. o-line-clamp-4
Limit displayed text to 5 lines. o-line-clamp-5
Limit displayed text to 6 lines. o-line-clamp-6
Limit displayed text to 7 lines. o-line-clamp-7
Limit displayed text to 8 lines. o-line-clamp-8
Limit displayed text to 9 lines. o-line-clamp-9
Limit displayed text to 10 lines. o-line-clamp-10

Word Breaks

link Word Breaks
DescriptionUtility Class
The default behavior is used. o-word-wrap-normal
Words are broken and wrapped to fit within the available space. o-word-wrap-anywhere
Allows words to break between any two letters. o-word-wrap-break-word
No special rules for line-breaking should be applied. o-word-break-normal
Allows words to break anywhere in a line. o-word-break-break-all
Prevents breaks between words, but allows breaks within words. o-word-break-keep-all