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;
}