popover

Turns an element into a pop-up.

Published on Updated on

The popover global attribute is an emumerated attribute that turns an element into a pop-up.

It can be used on any HTML element that makes sense as a pop-up.

Values

The attribute can have any of the following values:

auto (default value)
The pop-up exhibits the standard behavior explained at The Pop-up API: concepts and usage.
manual
Manual pop-ups cannot be light dismissed, they can only be dismissed by an explicit trigger element (created for example using popovertoggletarget) or by JavaScript (using hidePopOver()), and they don't automatically dismiss previously-shown pop-ups.

Example

<p id="my-popup" popover>Hello!</p>
<p id="my-popup" popover="auto">Hello!</p>
<p id="my-popup" popover="manual">Hello!</p>

Browser compatibility

See also

Updated on Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.