Correctif « details/summary » (contenu affichable/masquable)
Les éléments HTML5 « details » et « summary » sont utilisés pour fournir le contenu en arborescence affichable/masquable. Ce composant ajoute le soutien pour ces éléments dans les navigateurs qui n'ont pas déjà la prise en charge native.
Exemples
-
Exemple 1
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui -
Exemple 2
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui -
Exemple 3
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui -
Exemple 4 - summary à plusieurs lignes: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum rhoncus, neque accumsan faucibus ultricies, libero massa mollis neque, et mollis libero enim a ligula. Ut dictum tempor luctus. Ut convallis vehicula sapien a facilisis. Morbi eget lectus efficitur, finibus metus eu, feugiat felis. Praesent sodales elit sed finibus pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent quis sem lacinia, accumsan sem et, lacinia turpis.
Le contenu d'exemple qui fournit plus de détails.
Tasses de café bues par chaque député Nom Tasses Type de café Sucre? T. Sexton 10 Expresso Non J. Dinnen 5 Déca Oui
Code
<ul class="list-unstyled">
<li>
<details>
<summary>Exemple 1</summary>
...
</details>
</li>
<li>
<details open="open">
<summary>Exemple 2</summary>
</details>
</li>
...
</ul>- Date de modification :