<sub>要素の使い方・サンプルコード
Sara
Code for Fun
<details>要素は、開閉ができる折りたたみ式のウィジェットを作成します。
<summary>要素を子要素に置くと、ウィジェットのラベルを指定することができます。
ウィジェットを開いた状態にしておくことができます。論理属性です。
全ての HTML 要素に共通して使用できるグローバル属性はこちら
HTML
<details>
<p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
</details>
実行結果
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
HTML
<details>
<summary>注意事項</summary>
<p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
</details>
実行結果
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
HTML
<details open>
<p>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</p>
</details>
実行結果
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。