text-overflow — это свойство CSS, которое позволяет определять, что происходит с текстом, когда он выходит за границы своего контейнера. Установка свойства text-overflow означает, что текст, который не помещается в пределах элемента, будет обрезан и заменен на многоточие.
Значение text-overflow может быть следующим:
- clip: обрезает текст, который не помещается в пределах контейнера.
- ellipsis: заменяет обрезанный текст стандартным многоточием.
- string: заменяет обрезанный текст на заданное значение.
Чтобы свойство text-overflow работало должны быть установлены следующие свойства: overflow:hidden и white-space:nowrap.
Text-overflow удобно использовать для создания адаптивных элементов, таких как заголовки, где выравнивание и размер шрифта изменяются в зависимости от ширины контейнера. С помощью text-overflow можно управлять тем, как текст будет обрезаться или замещаться, когда он не помещается в доступном пространстве.
