ATTRIBUTES

Editing
  • account_tree
  • bug_report

〈keywords and enumerated attributes〉popover

요소가 명시적으로 표시될 때 까지 숨겨진 상태가 된다.

설명

popover 애트리뷰트가 명시되면 요소는 display: none과 같이 화면에 출력되지 않는다. 그리고 요소는 position 속성이 fixed로 되며 기본적으로 화면 중앙에 표시될 준비를 한다.

type 애트리뷰트의 값이 button인 <button> 요소의  popovertarget 애트리뷰트 설정을 통해 popover 설정이 된 요소를 화면에 보이게 하거나 숨길 수 있다.

popover 명세

유효하지 않은 값일 경우 기본값은 manual이고 명시되지 않으면 지정하지 않은 것으로 처리한다. 빈 문자열 값인 경우에는 auto로 처리한다.

사용되는 키워드

auto

popover가 설정된 하나의 요소만 화면에 표시되도록 한다. 별도의 닫기 요청이 없어도 요소 바깥 영역에 포커스가 전환되면 자동으로 닫히는 라이트 디스미트(light dismiss)를 지원한다.

manual

복수의 중첩된 popover 설정 요소를 허용한다. 외부 클릭만으로 자동으로 닫히는 라이트 디스미트(light dismiss)를 지원하지 않는다. 명시적으로 popovertarget 애트리뷰트가 설정된 <button> 요소를 통해 닫기를 요청하거나 자바스크립트 API를 통해 닫기를 구현해야 한다.

예제

(1) popover 값이 auto인 경우
(2) popover 값이 manual인 경우

버전 명세

HTML Standard
#attr-popover

지원 웹브라우저