Opis

details określa dodatkowe szczegóły, które użytkownik może wyświetlić lub ukryć na żądanie klikając na widoczny zawsze nagłówek - trójkącik (w Chrome dodatkowo obok jest napis "Szczegóły:"). Można zdefiniować własny nagłówek za pomocą tagu <summary>.

Można go wykorzystać do utworzenia interaktywnego widżetu, który użytkownik może otwierać i zamykać. W tagu <details> można umieścić dowolną treść.

Zawartość tego elementu nie powinna być widoczna, chyba że ustawiono atrybut open.

Przykład

- by Pioo. All Rights Reserved.

Wszystkie grafiki na tej witrynie są własnością świata. :)

Powyżej bez nagłówka,
poniżej z własnym nagłówkiem:

Copyright 2019-2020.

- by Pioo. All Rights Reserved.

Wszystkie grafiki na tej witrynie są własnością świata. :)

Kod:
Atrybuty
Atrybut Wartość Opis
open open Określa, że szczegóły powinny być od razu widoczne (otwarte). Atrybut logiczny.

CSS (domyślne ustawienia)
details {
  display: block;
}
Info: