Propriedades HTML popover

Definição e Uso

popover A propriedade define o elemento como emergente, o que significa que, quando chamado, ele será colocado no topo do conteúdo, sem interferir na posição de outros elementos HTML.

O elemento emergente será invisível até ser chamado por outro elemento. Outro elemento deve ter uma propriedade popovertarget cujo valor se refira ao id do elemento emergente.

O elemento emergente será colocado no topo de todos os outros conteúdos, e pode ser alternado entre visível e invisível ao clicar no elemento popovertarget:

Olá

O elemento emergente pode ser um único elemento HTML, como no exemplo acima, ou um conjunto completo de elementos HTML, como no exemplo a seguir.

Veja também:

Manual de Referência HTML:Propriedade HTML Input popovertarget

Manual de Referência HTML:Propriedade HTML Input popovertargetaction

Exemplo

Exemplo 1

Adicione um elemento <h1> com a propriedade popover e um botão para mostrá-lo/ocultá-lo:

<h1 popover id="myheader">Olá</h1>
<button popovertarget="myheader">Clique em mim!</button>

Experimente você mesmo

Exemplo 2

Usar um elemento div como elemento popup:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>A janela popup é um elemento colocado sobre todos os outros elementos.</p>
  <p>Quando você deseja informar algo importante, você pode usá-lo.</p>
</div>

Experimente você mesmo

Sintaxe

<elemento popover>

Valor do atributo

popover O atributo é um atributo booleano. Se estiver configurado, especifica que o elemento é um elemento de janela popup.

Suporte de navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Não suportado 17 100