CSS/Selektoren/details-content

Browserunterstützung
caniuse.com

Der ::details-content-Selektor ist ein Pseudoelement, welches den aufklappbaren Inhalt eines details repräsentiert.

Syntax

::details-content {}

anwendbar auf

* details

Beispiel

details::details-content {
  opacity: 0;
  transition:
    opacity 600ms,
    content-visibility 600ms allow-discrete;
}

details[open]::details-content {
  opacity: 1;
}

Wenn das details-Element geöffnet ist, wird der Inhalt mit weichem Übergang eingeblendet - ohne ein Wrapper-div verwenden zu müssen.

Siehe auch

• Infobox
  • Details

Weblinks

• CSSWG: :details-content Selectors Level 4
• MDN: :details-content
• Browser-Support: caniuse.com