Свойство text-overflow в современных браузерах работает следующим образом: указывает, что должно произойти, когда текст переполняет содержащий элемент. 2

Оно работает только в том случае, если у элемента присутствуют свойства white-space: nowrap и overflow со значением hidden, scroll или auto. 3

Свойство text-overflow может принимать два значения: 3

1. clip (по умолчанию) — обрезает текст по границе элемента; 3
2. ellipsis — обрезает текст и отображает в его конце многоточие. 3

Свойство text-overflow применяется только к блочным либо блочно-строчным элементам, поскольку элемент должен иметь заданную ширину. 2

Для многострочного текста свойство text-overflow не работает, для обработки переполнения в этом случае необходимы другие методы, например CSS или JavaScript. 4