❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

HTMLالوسم <dialog>

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

تعريفه

نستخدم الوسم <dialog> على هذا النحو <dialog> </dialog> لعرض المحتوى الذي نضعه بداخله فوق المحتوى الموجود قبله.

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

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

Chrome Edge Firefox Opera Safari Android
Webview		 Chrome
for Android		 Firefox
for Android		 Opera
for Android		 Safari
for IOS		 Samsung
Internet
37 79 53 24 غير مدعوم 37 37 53 24 غير مدعوم 3.0

خصائصه

الخاصية open

يمكن إضافتها له لجعله يظهر في الصفحة.

الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.

Chrome Edge Firefox Opera Safari Android
Webview		 Chrome
for Android		 Firefox
for Android		 Opera
for Android		 Safari
for IOS		 Samsung
Internet
37 79 53 24 غير مدعوم 37 37 53 24 غير مدعوم 3.0

إستخدامه

في المثال التالي قمنا باستخدام الوسم <dialog open> لعرض كلام فوق المحتوى الموجود في الصفحة.

مثال

<dialog open>
    <p>Hello User!</p>
</dialog>
جرب الكود

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

لا يوجد تصميم إفتراضي له.

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

الأفضل استخدام الخصائص التي توفرها لغة CSS للتحكم بأمكان العناصر لضمان أن يعمل التصميم نفسه على جميع المتصفحات.