Uno stile JavaScript® fa parte del codice JavaScript® che influenza l’aspetto o lo stile di una pagina Web. Questi stili possono essere suddivisi in cinque sezioni: testo, carattere, riquadro, classificazione e sfondi e colori. Ogni sezione interessa una parte diversa della pagina Web, in base alle esigenze del creatore, e viene fornita con il proprio set di tag.
Lo stile JavaScript® del testo influisce sull’aspetto del testo sul sito. Gli elementi che possono essere modificati qui sono l’altezza delle linee, come è allineato il testo e la dimensione del rientro per ogni paragrafo. Lo stile JavaScript® del testo non influisce sull’aspetto del carattere, ma solo sull’organizzazione del testo.
Lo stile dei caratteri JavaScript® è simile al testo in quanto influisce sulle lettere, ma questo stile cambia l’aspetto delle lettere, non la loro organizzazione. Le aree che possono essere impostate con questo tipo di stile JavaScript® sono lo stile del carattere e la famiglia del carattere, se tutte le lettere sono maiuscole o minuscole e quanto sono chiare o scure le lettere. La famiglia di caratteri si riferisce al carattere che verrà utilizzato dal testo e lo stile del carattere si riferisce al fatto che il testo sia normale, in grassetto o in corsivo.
I riquadri, o tabelle HTML (Hypertext Markup Language), sono influenzati dallo stile JavaScript® dei riquadri. Anche altre sezioni possono essere modificate con questo stile, ma è utilizzato principalmente per le tabelle. Le aree interessate qui sono i margini in tutte e quattro le direzioni. L’impostazione di un margine, ad esempio un margine di 20 pixel in alto, spingerà la casella verso il basso di 20 pixel e farà in modo che quei 20 pixel di spazio in alto rimangano vuoti. Questo è comunemente usato per organizzare l’intera pagina Web.
Classificazione Lo stile JavaScript® è fatto per influenzare gli elenchi, sia numerati che puntati. JavaScript® ha un solo attributo a questo proposito: listStyle. Ciò influisce sul modo in cui l’elenco è organizzato con altri elementi nella pagina. Ad esempio, se imposti listStyle su “inside”, l’elenco apparirà all’interno di un altro elemento specificato.
Lo stile di sfondo e colore viene fornito con due tag simili, ma diversi: backgroundColor e color. Questi due tag fanno esattamente la stessa cosa; sono usati per impostare il colore della pagina Web. Tuttavia, BackgroundColor viene utilizzato per colorare l’intero sfondo della pagina Web, mentre color viene utilizzato solo per impostare il colore di un singolo elemento. I colori possono essere impostati utilizzando il nome del colore, ad esempio verde o rosso, oppure utilizzando il valore esadecimale del colore.