توصيات الدورة:

خصائص popover في HTML

popover تعريف الخاصية وتطبيقها

العناصر المنبثقة ستكون غير مرئية قبل أن يتم استدعاؤها بواسطة عنصر آخر. يجب أن يكون لدى العنصر الآخر خاصية popovertarget، وأن يكون قيمتها تشير إلى id العنصر المنبثق.

العناصر المنبثقة سيتم وضعها في أعلى كل المحتويات الأخرى، عن طريق النقر على عنصر popovertarget، يمكن تبديل العناصر المنبثقة بين العرض والإخفاء:

مرحبا

العناصر المنبثقة يمكن أن تكون عنصرًا HTML واحدًا مثل المثال السابق، أو مجموعة كاملة من عناصر HTML مثل المثال التالي.

انظر أيضًا:

دليل مرجع HTML:خصائص popovertarget في Input HTML

دليل مرجع HTML:خصائص popovertargetaction في Input HTML

مثال

مثال 1

إضافة عنصر <h1> يحتوي على خاصية popover، بالإضافة إلى زر عرض/إخفاء:

<h1 popover id="myheader">مرحبا</h1>
<button popovertarget="myheader">نقرني!</button>

جرب بنفسك

مثال 2

استخدام علامة div كعنصر منبثق:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>النافذة المنبثقة هي عنصر يتم وضعها فوق جميع العناصر الأخرى.</p>
  <p>يمكنك استخدامها عندما تريد إخبار شيء مهم.</p>
</div>

جرب بنفسك

النحو

<عنصر popover>

قيمة الخاصية

popover الخصائص هي خصائص بولية. إذا تم تعيينها، فإنها تحدد أن العنصر هو عنصر نافذة قابلة للانقسام.

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 غير مدعوم 17 100