Opis

text-overflow określa, w jaki sposób przepełniona zawartość, która nie jest wyświetlana, powinna być sygnalizowana użytkownikowi. Domyślne przycięcie, można wyświetlić wielokropek (...) lub wyświetlić ciąg niestandardowy (małe wsparcie tej wartości przeglądarek na dziś).

Do text-overflow wymagane są: white-space: nowrap; i overflow: hidden;.

Przykład

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.

Kod:
Wartości

text-overflow: clip|ellipsis|string|initial|inherit;

-->
WartośćOpis
clip Domyślne. Tekst zostanie obcięty i będzie niedostępny.
ellipsis Zostanie wyrenderowany wielokropek ... reprezentujący obcięty tekst.
string
---> | ...ciach..
Zostanie wyrenderowany podany ciąg reprezentujący obcięty tekst. Na dzień 1.04.2020 tylko FF i to eksperymentalnie
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady:   |     |     |     |  
Info: Domyślna wartość: clip
Dziedziczenie:
Animowalność:
JavaScript: object.style.textOverflow