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

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

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

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

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

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

القيمة clip هي القيمة الافتراضية لخاصية text-overflow. تقص النص الزائد بصريًا عند حدود مساحة المحتوى، وقد تقص جزءًا من الحرف الأخير. يبقى النص الأصلي موجودًا في العنصر؛ الإخفاء في هذا المثال ناتج عن overflow: hidden.

CSS text overflow clip

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

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