Attributo globaleclass


Definizione

L'attributo class serve a definire una o più classi per un elemento HTML.

Una classe può essere presente e utilizzata da più elementi contemporaneamente.

L'attributo class è un attributo globale.

class è il selettore più usato per definire regole di stile CSS condivise tra più elementi.

class

attributo globale

Definisce una o più classi per elemento

Posizione: ovunque

Esempio

<!DOCTYPE html> <html> <head> <style> .paragrafo { font-size:2em; } .sottolineato { text-decoration:underline; } </style> </head> <body> <p class="paragrafo sottolineato">Lorem ipsum...</p> <script> document.getElementsByClassName("paragrafo")[0].style.color = "green"; </script> </body> </html>



Valori e parametri

class="nomeclasse"
class="classe1 classe2" (separate da uno spazio bianco) 



Compatibilità

Tutti i moderni browser supportano questo elemento.

Approfondimento

Un elemento può essere manipolato attraverso il suo attributo class con codice JavaScript.

Il valore all'interno di questo attributo può contenere spazi bianchi per separare i nomi di più classi.

Per la selezione di un elemento tramite la sua classe, si usa il simbolo "." (punto) come prefisso, ad esempio: ".classname".