Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


CSS Справочник Полный CSS Справочник

Пример

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

div.test
{
text-overflow:ellipsis;
}

Попробуйте сами »
Еще примеры внизу этой страницы.

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

Internet Explorer Firefox Opera Google Chrome Safari

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


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

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

Значение по умолчанию: clip
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.textOverflow="ellipses"


Синтаксис

text-overflow: clip|ellipsis|строка;

Значение Описание
clip Обрезает текст
ellipsis Отображает эллипсис ("...") для визуализации пропущенного текста
строка Выводит указанную строку для представления пропущенного текста


Примеры

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

Переполнение текста с hover эффектом
Этот пример демонстрирует, как показать текст целиком при перемещеннии указателя мыши над элементом.


Смотрите Также

CSS3 уроки: CSS3 Текстовые Эффекты


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru