반응형
요약문을 만드는 태그
<details>태그 (MDN)
:: "열림" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 만든다.
:: "닫힘" 상태일 때 보여줄 요약이나 레이블은 <summary> 태그를 통해서 제공할 수 있다.
:: 열림, 닫힌 상태는 레이블 옆의 작은 삼각형이 돌아가면서 표시된다.
:: 이 마커는 css의 ::marker 가상 요소를 이용해서 스타일링 할 수 있다.
:: Boolean값인 open 속성을 사용하여 초기 상태를 열림 상태로 바꿀 수 있다.
<summary>태그 (MDN)
:: 디테일 태그 내부에 사용하여 "닫힘" 상태일 때 보여줄 요약이나 레이블을 표시한다.
:: 사용하지 않을 경우 브라우저 기본값으로 자동 생성된다.
See the Pen QWdgpKW by lypi (@Lypi) on CodePen.
반응형