ELEMENTS

Editing
  • account_tree
  • bug_report

<details>

사용자가 추가 정보를 선택적으로 보임과 숨김 처리를 할 수 있는 공개 위젯을 생성한다. 하나의  <summary> 요소를 자식으로 사용하여 추가 정보에 대한 요약 또는 레이블을 표시해야 한다.

  • 콘텐츠 분류

  • 허용된 부모 요소 또는 위치

    FLOW CONTENT

    플로우 콘텐츠(flow-content)가 예상되는 위치

  • 허용된 자식 요소

    <SUMMARY>

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLDetailsElement

    [Exposed=Window]
    interface HTMLDetailsElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      [CEReactions] attribute boolean open;
    };

구문

마크업 형식
<details>
  <summary></summary>
</details>
Example

애트리뷰트

open boolean attributes

추가적인 콘텐츠가 보이도록 한다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 다음 불리언 값을 갖는 애트리뷰트인 disabled를 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

사용 예

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

지원 웹브라우저