Свойства CSS

Меню

text-overflow

Поддержка браузерами

12.0+ 6.0+ 7.0+ 4.0+ 11.0+ 3.1+

Описание

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

Значение по умолчанию: clip
Применяется: ко всем элементам
Анимируется: нет
Наследуется: нет
Версия: CSS3
Синтаксис JavaScript: object.style.textOverflow="ellipsis"

Синтаксис

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

Значения свойства

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

Пример

CSS Свойство:
text-overflow:
Результат:
Обрезание текста происходит только в том случае, когда он не вмещается в элемент.
CSS Код:
#myDIV {
overflow: hidden;
text-overflow: clip;
}
Кликните на любое значение свойства, чтобы увидеть результат