پیشنهاد دوره:

ویژگی HTML پرانتزی

popover تعریف و استفاده

ویژگی‌ها عنصر را به عنوان عنصر پرانتزی تعریف می‌کند، به این معنا که وقتی عنصر فراخوانی می‌شود، آن را در بالای محتوا قرار می‌دهد و به موقعیت عناصر HTML دیگر لطمه نمی‌زند.

عنصر پرانتزی در حالی که توسط یک عنصر دیگر فراخوانی نشده است، قابل مشاهده نخواهد بود. این عنصر باید ویژگی popovertarget داشته باشد که مقدار آن به id عنصر پرانتزی اشاره دارد.

سلام

عنصر پرانتزی می‌تواند یک عنصر HTML مانند مثال بالا باشد، یا می‌تواند یک مجموعه کامل از عناصر HTML مانند مثال زیر باشد.

لطفاً به: مراجعه کنید

دستورالعمل HTML:ویژگی HTML Input popovertarget

دستورالعمل HTML:ویژگی HTML Input popovertargetaction

مثال

مثال 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