تعريفه
نستخدم الوسم <dialog> على هذا النحو <dialog> </dialog> لعرض المحتوى الذي نضعه بداخله فوق المحتوى الموجود قبله.
HTML الوسم <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 للتحكم بأمكان العناصر لضمان أن يعمل التصميم نفسه على جميع المتصفحات.
هدف الموقع
هرمش هو موقع تعليمي مجاني يهتم بعلوم الكمبيوتر و يقدم إليك المعرفة بشكل مبسّط و مفصّل, و هو المكان المناسب لأي شخص يطمح بأن يصبح مبرمجاً محترفاً و مبدعاً في العالم الرقمي.
خدمات مفيدة
حقوق النشر
محتوى الموقع يخضع لرخصة (CC BY-NC-ND 4.0) التي لا تسمح باستخدام الشروحات لأغراض تجارية, إجراء تعديل عليها, نشرها في موقع آخر, وضع الشروحات في تطبيق أو في كتاب إلا في حال أخذ موافقة صريحة من إدارة الموقع.
© 2022 Harmash. All Content is licensed under CC BY-NC-ND 4.0 unless mentioned otherwise.
