Contenuti espandibili

Accordion CSS

Gli accordion organizzano informazioni lunghe in pannelli apribili. Sono utili per FAQ, lezioni, impostazioni e contenuti progressivi.

Teoria rapida

Gli elementi HTML details e summary consentono un accordion nativo. CSS può personalizzarne aspetto, icone e stato aperto.

Esempi interattivi

Modifica il codice e osserva l’anteprima live.

Accordion con details

Componente nativo HTML personalizzato con CSS.

details
Codice modificabile
Risultato live
Verifica

Quiz su Accordion CSS

Rispondi alle domande per controllare subito la comprensione dell’argomento.

1. Quale elemento crea il contenitore apribile?

2. Quale elemento è il titolo cliccabile?

3. Come si seleziona un details aperto?

4. Un accordion è utile per...

5. summary ha comportamento cliccabile nativo?

6. Si può personalizzare summary::after?

Esercitazione libera

Laboratorio libero: Accordion CSS

Parti dagli esempi della pagina, modifica il codice e crea una variante personale. Salva una copia del codice quando ottieni il risultato desiderato.