Глобальный HTML атрибут popover используется для обозначения элемента как элемента всплываюшего окна.
Атрибут popover - синтаксис и код
Пример использования элемента DIV в качестве элемента popover:
<!DOCTYPE html>
<html>
<body>
<style>
#mydiv {
text-align:center;
padding:40px;
background-color:lightblue;
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
</style>
<h2>Атрибут popover</h2>
<div popover id="mydiv">
<h3>Popover</h3>
<hr />
<p>Popover — это элемент, который размещается поверх всего остального.</p>
<p>Его можно использовать, когда вы хотите сообщить что-то важное.</p>
<button popovertarget="mydiv" popovertargetaction="hide">Закрыть</button>
</div>
<button popovertarget="mydiv">Нажми меня!</button>
<p>Вы можете стилизовать элементы всплывающего окна с помощью CSS.</p>
<p>Нажмите кнопку, чтобы отобразить элемент всплывающего окна.</p>
</body>
</html>
</body>
</html>
Атрибут popover
Popover
Popover — это элемент, который размещается поверх всего остального.
Его можно использовать, когда вы хотите сообщить что-то важное.
Вы можете стилизовать элементы всплывающего окна с помощью CSS.
Нажмите кнопку, чтобы отобразить элемент всплывающего окна.
Синтаксис
<element popover>
Определение и использование
Атрибут popover определяет элемент как элемент всплывающего окна, что означает, что при его вызове он будет размещен поверх содержимого, не мешая положению других элементов HTML;
Элемент popover будет невидим, пока не будет вызван другим элементом. Другой элемент должен иметь атрибут popovertarget, где значение ссылается на идентификатор элемента popover;
Элемент popover будет размещен поверх всего остального содержимого, и при щелчке по элементу popovertarget элемент popover будет переключаться между отображением и скрытием.
★ Примечание: элемент popover может быть как отдельным элементом HTML, так и целым разделом элементов HTML.
Поддержка popover браузерами
Поддерживает
Поддерживает
Поддерживает
Поддерживает
Поддерживает
Значения атрибутов
Атрибут popover — это логический атрибут. Если он присутствует, он указывает, что этот элемент является элементом popover.
