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

Определение и использование

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

См. также:

CSS3 учебник:Эффекты текста CSS3

HTML DOM справочник:Свойство textOverflow

Пример

Использование свойства text-overflow:

div.test
{
text-overflow:ellipsis;
}

Попробуйте сами

Более примеров в нижней части страницы.

CSS синтаксис

text-overflow: clip|ellipsis|string;

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

Значение Описание Тест
clip Обрезка текста. Тест
ellipsis Отображение многоточия для представления обрезанного текста. Тест
string Используйте предоставленную строку для представления обрезанного текста.

Технические детали

Значение по умолчанию: clip
Ингеритация: нет
Версия: CSS3
JavaScript синтаксис: object.style.textOverflow="ellipsis"

Более примеров

Text-overflow с эффектом hover
Этот пример демонстрирует, как отображается весь текст при наведении курсора на элемент.

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с -o- указывают на первую версию, используемую с префиксом.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-