CSS свойство text-overflow

Определяет параметры видимости текста в блоке, если текст целиком не помещается в заданную область. Свойство text-overflow работает в том случае, если для блока значение свойства overflow установлено как auto, scroll или hidden.

CSS синтаксис

text-overflow: clip | ellipsis | строка | initial | inherit;

Возможные значения

ЗначениеОписание
clipЗначение по умолчанию. Текст обрезается.
ellipsisДля представления обрезанного текста отображается многоточие ("...").
строкаДля представления обрезанного текста выводится указанная строка.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Устанавливаем свойство text-overflow


div {
     text-overflow: ellipsis;
}