إعلان
تعلم الآن

HTML الوسم <wbr>

تعريفه

في حال عرض نص طويل أحرفه متلاصقة مثل كود برمجي أو كلمة طويلة فإن المتصفح سيعرض الجزء الذي يقدر أن يظهره منها فقط أو سيقطعها في مكان غير محدد في حال كان لا يستطيع عرضها على سطر واحد.

نستخدم الوسم <wbr> لجعل المتصفح يقطع النص بالشكل الذي نحدده له.

فعلياً, كل جزئية في النص الطويل الذي يتكون من أحرف كثيرة متلاصقة و التي تريد نقلها على سطر جديد في حال كان السطر الحالي لا يتسع لعرض كل الأحرف الموضوعة فيها يجب وضعها بداخل <wbr> </wbr> فقط.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <wbr>.

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
1 79 1 11.6 4 مدعوم مدعوم 4 ؟ ؟ مدعوم

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بتقسيم النص المتلاصق System.out.print() بواسطة الوسم <wbr> إلى ثلاث جزئيات هي System و .out و .print().

مثال

<wbr>System</wbr><wbr>.out</wbr><wbr>.print()</wbr>
		

جرب الكود

تصميمه الإفتراضي

لا يوجد تصميم إفتراضي له لأنه بالأساس شيء لا يتم عرضه أمام المستخدم.

إعلان
دورة قواعد بيانات MySQL في هذه الدورة ستتعلم أساسيات قواعد البيانات و أوامر SQL، العلاقات (Join) بين الجداول، Normalization مع تطبيق مشروع متكامل. سعر الدورة الآن هو 20 ريال سعودي فقط بدلاً من 600 ريال
سعر الدورة الآن هو 20 ريال سعودي فقط بدلاً من 600 ريال
تعلم الآن

الدورات

أدوات مساعدة

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة