<slot>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2020ë 1ìâ©.
HTML <slot> ììë ì¹ ì»´í¬ëí¸ ì¬ì©ìê° ìì ë§ì ë§í¬ì
ì¼ë¡ ì±ì ë³ëì DOM í¸ë¦¬ë¥¼ ìì±íê³ , ì»´í¬ëí¸ì í¨ê» ííí ì ìë ì¹ ì»´í¬ëí¸ ë´ë¶ì íë ì´ì¤íëì
ëë¤.
| ì½í ì¸ ì¹´í ê³ ë¦¬ | íë¡ì° ì½í ì¸ , 구문 ì½í ì¸ . |
|---|---|
| ê°ë¥í ì½í ì¸ | í¬ëª . |
| ì´ë²¤í¸ | slotchange |
| íê·¸ ìëµ | ë¶ê°ë¥, ììê³¼ ëì í그를 ì¶ê°íë ê²ì íìì ëë¤. |
| ê°ë¥í ë¶ëª¨ ìì | 구문 ì½í ì¸ ë¥¼ íì©íë 모ë ìì. |
| ê°ë¥í ARIA ìí | ìì |
| DOM ì¸í°íì´ì¤ | HTMLSlotElement |
í¹ì±
ì´ ììë ì ì í¹ì±ì í¬í¨í©ëë¤.
name-
ì¬ë¡¯ì ì´ë¦.
ìì
html
<template id="element-details-template">
<style>
details {
font-family: "Open Sans Light", Helvetica, Arial, sans-serif;
}
.name {
font-weight: bold;
color: #217ac0;
font-size: 120%;
}
h4 {
margin: 10px 0 -8px 0;
background: #217ac0;
color: white;
padding: 2px 6px;
border: 1px solid #cee9f9;
border-radius: 4px;
}
.attributes {
margin-left: 22px;
font-size: 90%;
}
.attributes p {
margin-left: 16px;
font-style: italic;
}
</style>
<details>
<summary>
<code class="name"
><<slot name="element-name">NEED NAME</slot>></code
>
<i class="desc"><slot name="description">NEED DESCRIPTION</slot></i>
</summary>
<div class="attributes">
<h4>Attributes</h4>
<slot name="attributes"><p>None</p></slot>
</div>
</details>
<hr />
</template>
ì°¸ê³ : ì¨ì í ìì ë element-details(ë¼ì´ë¸ë¡ 보기)ìì ë³¼ ì ììµëë¤. ì¤ëª ì í í릿과 ì¬ë¡¯ ì¬ì©í기ìì íì¸í ì ììµëë¤.
ëª ì¸
| Specification |
|---|
| HTML # the-slot-element |
| DOM # shadow-tree-slots |