Определяет параметры видимости текста в блоке, если текст целиком не помещается в заданную область. Свойство text-overflow работает в том случае, если для блока значение свойства overflow установлено как auto, scroll или hidden.
CSS синтаксис
text-overflow: clip | ellipsis | строка | initial | inherit;
Возможные значения
Значение | Описание |
---|---|
clip | Значение по умолчанию. Текст обрезается. |
ellipsis | Для представления обрезанного текста отображается многоточие ("..."). |
строка | Для представления обрезанного текста выводится указанная строка. |
inherit | Значение наследуется от родительского элемента. |
initial | Устанавливает значение по умолчанию. |
Пример использования
Устанавливаем свойство text-overflow
div {
text-overflow: ellipsis;
}