Ιδιότητες HTML popover

Ορισμός και χρήση

popover Η ιδιότητα ορίζει το στοιχείο ως αναδυόμενο στοιχείο, αυτό σημαίνει ότι όταν το στοιχείο καλείται, θα τοποθετηθεί στην κορυφή των περιεχομένων χωρίς να διαταράξει τη θέση των άλλων στοιχείων HTML.

Η αναδυόμενη στοιχείο θα είναι μη ορατή μέχρι να καλείται από ένα άλλο στοιχείο. Το άλλο στοιχείο πρέπει να έχει την ιδιότητα popovertarget με τιμή που αναφέρεται στο id της αναδυόμενης στοιχείο.

Η αναδυόμενη στοιχείο θα τοποθετηθεί στην κορυφή όλων των άλλων περιεχομένων, και μπορεί να εμφανιστεί ή να κρυφθεί με την πίεση του στοιχείου popovertarget:

Γειά σου

Η αναδυόμενη στοιχείο μπορεί να είναι ένας μόνο στοιχείο 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>

τιμή attribούμενου

popover Το attribούμενο είναι boolean. Αν έχει ρυθμιστεί, καθορίζει ότι το στοιχείο είναι στοιχείο αναδυόμενης φόρτας.

Υποστήριξη browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Δεν υποστηρίζεται 17 100