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;
}
overflow: hidden;
text-overflow: clip;
}