text-overflow

Оновлено: 06.01.2023

text-overflow

Визначає параметри видимості тексту в блоці, якщо текст цілком не поміщається в задану область. Можливі два варіанти: текст обрізають; текст обрізають і до кінця рядка додають три крапки. text-overflow працює в тому разі, якщо для блоку значення властивості overflow встановлено як auto, scroll або hidden.

Коротка інформація

Значення за замовчуванням clip
Успадковується Ні
Застосовується До блокових елементів
Анімується Ні

Синтаксис 

text-overflow: clip | ellipsis

Значення

clip Текст обрізається за розміром області.
ellipsis Текст обрізається і до кінця рядка додається три крапки.

Приклад

Об'єктна модель

Об'єкт.style.textOverflow

Примітка

Opera до версії 11 використовує властивість -o-text-overflow.

Браузери

text-overflow

Переглянути сумісність з Can I use?

text-overflow