<wbr>: عنصر WBR
آخر تحديث: 2026-10-13
<wbr>عنصر WBR
يميز فرصة كسر كلمة اختيارية: يكسر المتصفح هنا فقط عند الحاجة، دون إجبار كسر أو إضافة مسافة. ممتاز للكلمات الطويلة أو الروابط أو الكود.
| الفئة | محتوى النص |
|---|---|
| نموذج المحتوى | محتوى تدفقي |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | ذاتي الإغلاق — لا حاجة لوسم إغلاق |
| الحالة | قياسي |
📝 البنية
كلمةإنجليزيةطويلةجداً<wbr>يمكنأنتنكسرهنا▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <wbr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： بخلاف <br>، wbr يقترح كسرًا فقط عندما يكون السطر طويلًا جدًا — دون كسر إجباري خلاف ذلك.
❓ الأسئلة الشائعة
Qما وظيفة wbr؟
A
<wbr> (word break opportunity) يعلّم «يُسمح بالكسر هنا»: أدرجه في الروابط الطويلة والكلمات الإنجليزية الطويلة وسلاسل الشيفرة الطويلة، فلا يكسر المتصفح عنده إلا عند نقص المساحة، ويبقي السطر واحدًا عند سعة المساحة. وهو لا يُنتج أي رمز مرئي بذاته.Qما الفرق بين wbr و word-break في CSS؟
A
<wbr> يضبط بدقة «مواضع الكسر الممكنة» داخل المحتوى؛ بينما word-break/overflow-wrap في CSS قاعدة شاملة (يكسر في أي موضع). وللسلسلة الطويلة المنفردة wbr أدق، ولمنع فيضان فقرة كاملة CSS أوفر جهدًا.Qما الفرق بين wbr والشرطة الناعمة soft hyphen؟
A
­ يعرض شرطة عند الكسر، بينما <wbr> لا يعرض أي رمز عند الكسر. فالمحتوى الذي لا يليق بشرطة — الروابط ومعرّفات الشيفرة — يستخدم wbr؛ وكسر الكلمات في اللغة الطبيعية يمكنه shy.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
