Turns an element into a popover.

Published on Updated on

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

It can be used on any HTML element that makes sense as a popover.


The attribute can have any of the following values:

auto (default value)
The popover exhibits the standard behavior explained at The Popover API: concepts and usage.
Manual popovers 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 popovers.


<p id="my-popover" popover>Hello!</p>
<p id="my-popover" popover="auto">Hello!</p>
<p id="my-popover" 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.