text-overflow

Обновлено: 30.05.2022

text-overflow

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

Краткая информация

Значение по умолчанию clip
Наследуется Нет
Применяется К блочным элементам
Анимируется Нет

Синтаксис

text-overflow: clip | ellipsis

Значения

clip Текст обрезается по размеру области.
ellipsis Текст обрезается и к концу строки добавляется многоточие.

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Многоточие в конце текста

Объектная модель

Объект.style.textOverflow

Примечание

Opera до версии 11 использует свойство -o-text-overflow.

Браузеры

text-overflow

Посмотреть совместимость на Can I use?

text-overflow