Больше "Try it Yourself" примеры ниже.
Определение и использование
Текст-перелива свойство определяет переполнения содержание, которое не отображается должны быть обозначены знаками пользователю.
| Значение по умолчанию: | clip |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.textOverflow="ellipsis" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа с последующим -О- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11,0 9.0 -о- |
CSS Синтаксис
text-overflow: clip|ellipsis|string|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| clip | Значение по умолчанию. Обрезает текст | Сыграй " |
| ellipsis | Рендер многоточие ("...") для представления обрезанный текст | Сыграй " |
| string | Рендер данную строку для представления обрезанный текст | |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
Text-перелива с эффектом парения
Этот пример показывает, как отобразить весь текст при наведении курсора мыши над элементом.
Похожие страницы
CSS3 учебник: CSS3 Текстовые эффекты
HTML DOM ссылка: textOverflow property