<wbr>
وسم نقطة كسر السطر الاختيارية <wbr>
وسم wbr يعلّم نقطة يمكن للمتصفح كسر السطر عندها إن احتاج، دون أن يفرض كسرًا فعليًا كما يفعل br.
مفيد للنصوص الطويلة بلا مسافات طبيعية — رابط طويل، اسم ملف، أو كلمة مركّبة — التي قد تفيض خارج حاوية ضيّقة. بدل تركها تفيض أو كسرها إجباريًا بـ br في مكان ثابت، تضع wbr في النقاط المنطقية، ويقرر المتصفح فعليًا استخدامها فقط لو احتاج.
الصياغة
طويل<wbr>جدًا-بلا-مسافات-تفصل-الكلمة
⚡ جرّب بنفسك
عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.
🎨 محرّر HTML/CSS
<p style="max-width:150px; border:1px dashed #999; padding:8px"> اسم-ملف<wbr>-طويل<wbr>-جدًا<wbr>-بلا-مسافات.pdf </p>
النتيجة المباشرة:
💡 نصائح عملية
- استخدمه في النصوص المولّدة ديناميكيًا مثل روابط أو معرّفات طويلة
- لنص عادي يحتاج التفاف تلقائي بسيط، خاصية CSS overflow-wrap غالبًا كافية وحدها
⚠️ أخطاء شائعة
- الخلط بينه وبين br — wbr اقتراح كسر عند الحاجة فقط، وbr كسر إجباري فوري
- استخدامه كبديل عام لتنسيق فقرات بدل الحالات الضيقة التي يناسبها فعلًا
وسوم ذات صلة
🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.
📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs