فقرة فرعية #3 من درس: خاصية text-overflow في لغة CSS

CSS text overflow ellipsis خاصية text-overflow مع القيمة ellipsis في لغة CSS

سوف تتعلم في هذا الدرس تنسيق النصوص في لغة CSS عن طريق مجموعة خصائص مثل [text-overflow,word-wrap,word-break,writing-mode].

1 صفوف تعليمية

لغة CSS

3,746 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم خاصية text-overflow في لغة CSS مع القيمة ellipsis لتظهر علامة القطع ("...") بدلاً من النص المقطوع وبه جزء مفقود.

جرّب بنفسك

خاصية text-overflow في لغة CSS مع القيمة ellipsis.

HTML

div
{
  white-space: nowrap; 
  width: 47px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid red;
}