예
은 Using <details> 요소를 :
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
»그것을 자신을 시도 정의 및 사용
<details> 태그는 사용자가 보거나 요구에 숨길 수있는 추가 세부 사항을 지정합니다.
<details> 태그는 사용자가 열고 닫을 수있는 대화 형 위젯을 만들 수 있습니다. 콘텐츠의 어떤 종류는 내부에 넣을 수 있습니다 <details> 태그입니다.
A의 함량 <details> 하지 않는 요소는 표시 안 open 속성이 설정됩니다.
브라우저 지원
표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.
| 요소 | |||||
|---|---|---|---|---|---|
| <details> | 12.0 | 지원되지 않음 | 48.0 | 6.0 | 15.0 |
HTML 4.01과 HTML5의 차이점
<details> 태그는 HTML5의 새로운 기능입니다.
팁과주의 사항
팁 : <summary> 태그에 대한 자세한 내용은 눈에 띄는 제목을 지정하는 데 사용됩니다.이 호는 세부 사항을보기 / 숨기기를 클릭 할 수 있습니다.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| open | open | 사용자에게 세부 (오픈) 표시하도록 지정 |
글로벌 속성
<details> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<details> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML의 DOM 참조 : Details 개체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <details> 다음과 같은 기본 값으로 요소를 :
details {
display: block;
}