Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <body> <style> #mydiv { text-align:center; padding:40px; background-color:lightblue; font-family:"Segoe UI", Tahoma, Genève, Verdana, sans-serif; } </style> <h1>L'attribut popover</h1> <div popover id="mydiv"> <h2>Popover</h2> <hr> <p>Un popover est un élément qui est placé au-dessus de tout le reste.</p> <p>Il peut être utilisé lorsque vous souhaitez dire quelque chose d'important.</p> <button popovertarget="mydiv" popovertargetaction="hide">Fermer</button> </div> <button popovertarget="mydiv">Cliquez sur moi !</button> <p>Vous pouvez styliser les éléments de popover avec CSS.</p> <p>Cliquez sur le bouton pour afficher l'élément popover.</p> </body> </html>