HTML <summary> tag

Op deze pagina:

Voorbeeld:


<details>
  <summary>Vroege dienst</summary>
  <p>De vroege dienst begint om 7:30.</p>
  <p>Medewerkers hebben steeds één week vroege dienst en dan een week late dienst.</p>
</details>

De <summary> tag geeft een kop voor het <details> element. De kop is klikbaar om de details te tonen of te verbergen. Het <summary> element moet het eerste kind element van het <details> element zijn.

Standaard css voor het <summary> element


summary {
  display: block;
}

 

Verwante artikelen