<details> 태그의 open 속성
HTML <details> 태그 ⇒
정의 및 특징
<details> 태그의 open 속성은 <details> 요소가 클릭하지 않아도 사용자에게 바로 보임을 명시합니다.
open 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
문법
| <details open> |
예제
<details open>
<summary>오늘의 환율</summary>
<ul>
<li>달러($) : 1,135.90</li>
<li>유로(€) : 1,284.08</li>
<li>엔(￥) : 1,014.88</li>
</ul>
</details>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| open | 12.0 | 지원하지 않음 | 지원하지 않음 | 49.0 | 6.0 | 15.0 |
HTML5에서 변경된 사항
<details> 태그는 HTML5에서 새롭게 추가된 요소입니다.
HTML과 XHTML에서의 차이점
XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.
<details open="open">
