Programming Basics SQL HTML CSS JavaScript Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Learn Typing

HTMLالوسم <u>

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي
  • نصائح و ملاحظات

تعريفه

نستخدم الوسم <u> على هذا النحو <u> </u> لعرض خط تحت النص الذي نضعه بداخله.
يمكن الإستفادة من هذا الوسم لوضع خط تحت الكلام الذي نريد الإشارة إلى وجود خطأ فيه.

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

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

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

خصائصه

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

إستخدامه

في المثال التالي قمنا بعرض الكلمة Mhamad بخط عريض.

مثال

<u>Name:</u> Mhamad Harmush
<u>Name:</u> Mhamad Harmush

جرب الكود

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

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

u {
text-decoration: underline;
}
u { text-decoration: underline; }

نصائح و ملاحظات

  • لا تستخدم الوسم <u> لوضع خط تحت الرابط لأن هذا الأمر مربك جداً بالنسبة للمستخدم.
  • إستخدام الوسم <ins> بدل الوسم <u> إذا أردت الإشارة لنص مضاف.

يمكنك تحسين تصميم الشكل و اللون الإفتراضي للخط الذي يظهره تحت الوسم <u> بواسطة CSS كالتالي.

مثال

u {
text-decoration: red wavy underline;
text-underline-position: under;
}
u { text-decoration: red wavy underline; text-underline-position: under; }

جرب الكود