Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство text-overflow | назначение, допустимые значения, примеры

Свойство text-overflow

Последнее обновление: 09.01.2011

Свойство text-overflow определяет, как именно отображать обрезанные окончания длинных слов, которые выходят за ширину блока.

Допустимые значения

  • clip — обрезанное окончание никак не отображается (при обрезке некоторые символы могут быть видимыми лишь частично)
  • ellipsis — вместо обрезанного окончания ставиться многоточие
  • — браузер вместо обрезанного окончания ставит текст заданный в значении свойства.
Значение по умолчанию clip
Применимо ко всем блочным элементам, элементам inline-block и ячейкам таблицы
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами
  • Internet Explorer 6 и выше (не поддерживает значение )
  • Safari 1 и выше (не поддерживает значение )
  • Chrome 1 и выше (не поддерживает значение )

Пример


p {
text-overflow: ellipsis;
}


Твой код:

Результат: