Свойство 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;
}
Твой код:
Результат:
большой полигон

Заметки

Свойство не срабатывает в случае, когда свойство overflow для этого элемента имеет значение visible.

Opera 9.0 и выше поддерживает аналогичное свойство -o-text-overflow (не поддерживает значение <текст>).

По теме

Показать комментарии