`<details name>` ã«ã‚ˆã‚‹æŽ’他的アコーディオンã®å®Ÿç¾
<details> è¦ç´ ã« name 属性ãŒè¿½åŠ ã•ã‚Œã€ã‚°ãƒ«ãƒ¼ãƒ—化ãŒè¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚Open UI ã§ã®è°è«–を発端ã¨ã—ãŸã‚‚ã®ã®ã‚ˆã†ã§ã™ã€‚ 4.11.1 The details element Add name attribute for grouping details elements into an exclusive accordion by dbaron · Pull Request #9400 · whatwg/html Exclusive Accordion (Explainer)(open-ui.org) ã“れ㯠<details> è¦ç´ ã‚’é–‹ã„ãŸéš›ã«ã€ã™ã§ã«é–‹ã„ã¦ã„ã‚‹ä»–ã® <details> è¦ç´ を自動的ã«é–‰ã˜ã‚‹ã€ŒæŽ’他的アコーディオンã€ã‚’実ç¾ã™ã‚‹ã‚‚ã®ã§ã™ã€‚使ã„æ–¹ã¨ã—ã¦ã¯ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨åŒã˜ãã€ã‚°ãƒ«ãƒ¼ãƒ—化ã—ãŸã„ <details> è¦ç´ ã«åŒã˜ name 属性値を指定ã—ã¾ã™ã€‚
The details and summary elements, again | scottohara.me
I've already written about the <details> and <summary> elements, but there is more to tell, and there have been some changes since I last wrote at length about them in 2018. <details> and <summary> HTML’s <details> and <summary> elements can be used to create native disclosure widgets - an expand/collapse widget where more information or interactive controls related to a topic (identified via the
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Styling the HTML details and summary elements
Using & Styling the Details Element | CSS-Tricks
More options for styling <details>
More options for styling <details> Â |Â Chrome for Developers
A details element as a burger menu is not accessible
{{#tags}}- {{label}}
{{/tags}}