Un stil JavaScript® face parte din codul JavaScript® care afectează aspectul sau stilul unei pagini Web. Aceste stiluri pot fi împărțite în cinci secțiuni: text, font, casetă, clasificare și fundaluri și culori. Fiecare secțiune afectează o parte diferită a paginii Web, în funcție de nevoile creatorului, și vine cu propriul set de etichete.
Stilul text JavaScript® afectează modul în care textul apare pe site. Elementele care pot fi modificate aici sunt înălțimea liniilor, modul în care este aliniat textul și dimensiunea indentării pentru fiecare paragraf. Stilul text JavaScript® nu afectează modul în care apare fontul, ci doar modul în care este organizat textul.
Stilul Font JavaScript® este similar textului prin faptul că afectează literele, dar acest stil modifică aspectul literelor, nu organizarea lor. Zonele care pot fi setate cu acest tip de stil JavaScript® sunt stilul de font și familia de fonturi, dacă toate literele sunt majuscule sau mici și cât de deschise sau întunecate sunt literele. Familia de fonturi se referă la ce font va folosi textul, iar stilul fontului se referă la dacă textul este normal, aldin sau italic.
Casetele sau tabelele HTML (Hypertext Markup Language) sunt afectate de stilul box JavaScript®. Alte secțiuni pot fi, de asemenea, modificate cu acest stil, dar este folosit în principal pentru tabele. Zonele afectate aici sunt marginile în toate cele patru direcții. Setarea unei marje – de exemplu, o marjă de 20 de pixeli în partea de sus – va împinge caseta în jos cu 20 de pixeli și se va asigura că acei 20 de pixeli de spațiu din partea de sus rămân goale. Acesta este de obicei folosit pentru a organiza întreaga pagină Web.
Clasificarea stilul JavaScript® este creat pentru a afecta listele, atât numerotate, cât și marcate. JavaScript® are un singur atribut în acest sens: listStyle. Acest lucru afectează modul în care lista este organizată cu alte elemente de pe pagină. De exemplu, dacă setați listStyle la „înăuntru”, atunci lista va apărea în interiorul altui element specificat.
Stilul de fundal și culoare vine cu două etichete similare, dar diferite: backgroundColor și culoare. Aceste două etichete fac exact același lucru; sunt folosite pentru a seta culoarea paginii Web. BackgroundColor este folosită pentru a colora întregul fundal al paginii Web, în timp ce culoarea este folosită doar pentru a seta culoarea unui element individual. Culorile pot fi setate fie folosind numele culorii, cum ar fi verde sau roșu, fie folosind valoarea hexazecimală a culorii.