En JavaScript®-stil är en del av JavaScript®-koden som påverkar utseendet, eller stilen, på en webbsida. Dessa stilar kan delas in i fem sektioner: text, teckensnitt, ruta, klassificering och bakgrunder och färger. Varje avsnitt påverkar olika delar av webbsidan, beroende på skaparens behov, och kommer med sin egen uppsättning taggar.
Text JavaScript®-stilen påverkar hur texten visas på webbplatsen. Element som kan ändras här är höjden på raderna, hur texten är justerad och storleken på indraget för varje stycke. Text JavaScript®-stilen påverkar inte hur teckensnittet visas, bara hur texten är organiserad.
Typsnitt JavaScript®-stil liknar text genom att den påverkar bokstäverna, men den här stilen ändrar utseendet på bokstäverna, inte deras organisation. Områden som kan ställas in med den här typen av JavaScript®-stil är typsnittsstil och teckensnittsfamilj, om alla bokstäver är versaler eller gemener och hur ljusa eller mörka bokstäverna är. Teckensnittsfamilj hänvisar till vilket teckensnitt texten kommer att använda, och teckensnittsstil hänvisar till om texten är normal, fetstil eller kursiv.
Boxar, eller HTML-tabeller (Hypertext Markup Language), påverkas av boxens JavaScript®-stil. Andra sektioner kan också ändras med denna stil, men den används främst för bord. De områden som påverkas här är marginalerna i alla fyra riktningarna. Om du ställer in en marginal – till exempel en 20-pixel marginal överst – trycks rutan nedåt med 20 pixlar och säkerställer att de 20 pixlarna med utrymme längst upp förblir tomma. Detta används vanligtvis för att organisera hela webbsidan.
Klassificering JavaScript®-stilen är gjord för att påverka listor, både numrerade och punktlista. JavaScript® har bara ett attribut i detta avseende: listStyle. Detta påverkar hur listan är organiserad med andra element på sidan. Om du till exempel ställer in listStyle på ”insidan”, kommer listan att visas inuti ett annat specificerat element.
Bakgrunds- och färgstilen kommer med två liknande, men olika, taggar: bakgrundsfärg och färg. Dessa två taggar gör exakt samma sak; de används för att ställa in färgen på webbsidan. BackgroundColor används för att färga hela bakgrunden på webbsidan, medan färg endast används för att ställa in färgen på ett enskilt element. Färger kan antingen ställas in genom att använda färgens namn, till exempel grönt eller rött, eller genom att använda färgens hexadecimala värde.