loader

Cвойство text-overflow указывает, как пользователь должен сигнализировать о переполненном содержимом, которое не отображается. Его можно обрезать, отображать многоточие (...) или отображать пользовательскую строку.

Оба следующих свойства необходимы для text-overflow:

white-space: nowrap;
overflow: hidden;

text-overflow հատկությունը սահմանում է, թե ինչպես օգտվողը պետք է ազդանշան ստանա տվյալ տարրում չտեղավորվող բովանդակության մասին, որը չի ցուցադրվում: Այն կարող է կրճատվել, ցուցադրել բազմակետի ձևով (...) կամ ցուցադրել հատուկ տողի շնորհիվ:

Հետևյալ երկու հատկություններն էլ համարվում են պարտադիր text-overflow հատկության համար․

white-space: nowrap;
overflow: hidden;

Синтаксис

Գրելաձև
text-overflow: clip; ⟿ Текст обрезается ровно по краю родительского блока.
text-overflow: ellipsis; ⟿ При обрезке текста в конце строки добавляется многоточие «…». text-overflow: clip; ⟿ Տեքստը կիսվում է հենց մայր բլոկի եզրին.
text-overflow: ellipsis; ⟿ Կիսվող տեքստը տողի վերջում ավելացնում է բազմակետ «…».

Пример

Օրինակ

See the Pen text-overflow by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 wbr image
Поддержка браузера дляԲրաուզերի աջակցությունը text-overflow элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 6+ 12+ 4+ 7+ 3.1+ 11.5+
Notes