انتقل إلى محتوى الدرس

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

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

1 صفوف تعليمية
لغة CSS
3,746 مشاهدة

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

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

يمكن أن تكون قيمة text-overflow نصًا مخصصًا بين علامتي اقتباس، مثل "----"، للدلالة على الجزء المخفي من النص. لا تكتب text-overflow: string؛ فهذه ليست قيمة CSS صالحة.

دعم النص المخصص محدود بين المتصفحات. إذا تجاهل المتصفح التصريح، فستبقى القيمة الافتراضية clip وقد لا تظهر الشرطات؛ لذلك اختلاف النتيجة هنا لا يعني أن النص تغيّر. استخدم ellipsis عندما تحتاج توافقًا أوسع.

CSS text overflow string

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

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