Руководство по CSS

CSS @ правила (RULES)

Полный список свойств CSS

Атрибут text-shadow в CSS3 Атрибут text-justify в CSS3

Метод использования и примеры свойства text-overflow CSS3

Свойство text-overflow CSS определяет, когда текстовый контейнер переполняется видимым (а не видимым)overflowкак отображается текстовый контент для элементов блочного контейнера.

В таблице ниже приведено описание использования и истории версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.

Значение по умолчанию:	clip
Подходит для:	Блочный контейнер
Наследование:	Нет
Анимируемо:	Нет.См. также Анимационные свойства.
Версия:	Новая функция CSS3
JavaScript синтаксис:	объект.style.textOverflow="ellipsis"

Примечание:Например, если элемент установлен как nowrap и свободное пространство или единственное слово слишком длинное, чтобы его вместить, текст может вылезти за пределы,从而导致 переполнение текста.

Синтаксис использования свойства text-overflow

Синтаксис этого свойства выглядит следующим образом:

text-overflow:　clip　|　ellipsis　|　string　|　initial　|　inherit

Ниже приведен пример того, как использовать свойство text-overflow.

Пример

　　p　{
　overflow:　hidden;
　white-space:　nowrap;
　　　text-overflow:　ellipsis;
　　}

Проверьте, как это выглядит‹/›

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

В таблице ниже описаны значения этого свойства.

Значение	Описание
clip	Обрезка текста, подходящего для содержимого текста. Символы могут быть частично отрендерены.
ellipsis	Использовать символ многоточия ('...') для замены обрезанного текста.
string	Использовать заданную строку для представления обрезанного текста. Эта строка отображается в области содержимого, тем самым уменьшая размер отображаемого текста. Если не хватает места для отображения строки, она будет обрезана.
initial	Установить это свойство в его значение по умолчанию.
inherit	Если свойство установлено, то связанный элемент использует значение свойства text-overflow родительского элемента.

Совместимость браузеров

Совместимость браузеров с свойством text-overflow, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.

	Firefox 7+ Google Chrome 1+ Microsoft Internet Explorer 6+ Apple Safari 1+ Opera 9+

Примечание: Microsoft Internet Explorer поддерживает префикс version -ms-text-overflow, который можно использовать в качестве синонима префикса text-overflow. Opera 9 и 10 поддерживают префикс version -o-text-overflow.

Дополнительное чтение

См. руководства по следующим темам:CSS OverflowиCSS Text.

Свойства, связанные с текстом:letter-spacing,text-align,text-decoration,text-indent,text-shadow,text-transform,white-space,word-spacing.

Атрибут text-shadow в CSS3 Атрибут text-justify в CSS3