Che cos'è uno stile JavaScript®?

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, font, riquadro, classificazione, sfondi e colori. Ogni sezione interessa una parte diversa della pagina Web, in base alle esigenze del creatore, e viene fornita con un 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, il modo in cui il testo è allineato e la dimensione del rientro per ciascun paragrafo. Lo stile JavaScript® del testo non influisce sull'aspetto del carattere, ma solo sull'organizzazione del testo.

Lo stile del carattere JavaScript® è simile al testo in quanto influenza le 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 e la famiglia di caratteri, indipendentemente dal fatto che tutte le lettere siano maiuscole o minuscole e da quanto siano chiare o scure le lettere. La famiglia di caratteri si riferisce al tipo di carattere utilizzato dal testo e lo stile del carattere indica se il testo è normale, in grassetto o in corsivo.

Le caselle o le tabelle HTML (hypertext markup language) sono influenzate dallo stile box JavaScript®. Anche altre sezioni possono essere modificate con questo stile, ma viene 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 nella parte superiore, spingerà la casella verso il basso di 20 pixel e garantirà che quei 20 pixel di spazio nella parte superiore rimangano vuoti. Questo è comunemente usato per organizzare l'intera pagina Web.

Lo stile di classificazione JavaScript® viene creato per influire sugli elenchi, sia numerati che puntati. JavaScript® ha un solo attributo al riguardo: listStyle. Ciò influisce sull'organizzazione dell'elenco con altri elementi nella pagina. Ad esempio, se si imposta listStyle su "inside", l'elenco verrà visualizzato 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; vengono utilizzati per impostare il colore della pagina Web. 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.