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>
<dialog open>
<p>Hello User!</p>
</dialog>
تصميمه الإفتراضي
لا يوجد تصميم إفتراضي له.
نصائح و ملاحظات
الأفضل استخدام الخصائص التي توفرها لغة CSS للتحكم بأمكان العناصر لضمان أن يعمل التصميم نفسه على جميع المتصفحات.
