JavaScript® -tyyli on osa JavaScript® -koodia, joka vaikuttaa Web -sivun ulkoasuun tai tyyliin. Nämä tyylit voidaan jakaa viiteen osaan: teksti, kirjasin, laatikko, luokitus sekä taustat ja värit. Jokainen osio vaikuttaa Web -sivun eri osaan sisällöntuottajan tarpeiden mukaan, ja siihen kuuluu oma tunnistejoukko.
Teksti JavaScript® -tyyli vaikuttaa siihen, miten teksti näkyy sivustolla. Tässä muutettavia elementtejä ovat rivien korkeus, tekstin tasaus ja kunkin kappaleen sisennyksen koko. Teksti JavaScript® -tyyli ei vaikuta kirjasimen ulkoasuun, vaan vain siihen, miten teksti on järjestetty.
Fontti JavaScript® -tyyli on samanlainen kuin teksti, koska se vaikuttaa kirjaimiin, mutta tämä tyyli muuttaa kirjainten ulkoasua, ei niiden organisaatiota. Tämän tyyppisellä JavaScript® -tyylillä asetettavat alueet ovat kirjasintyyli ja kirjasinperhe, ovatko kaikki kirjaimet isoja tai pieniä ja kuinka vaaleita tai tummia kirjaimet ovat. Fonttiperhe viittaa siihen, mitä fonttia teksti käyttää, ja kirjasintyyli viittaa siihen, onko teksti normaali, lihavoitu vai kursivoitu.
Laatikot tai hypertekstimerkinnän kielen (HTML) taulukot vaikuttavat laatikon JavaScript® -tyyliin. Muita osia voidaan myös muuttaa tällä tyylillä, mutta sitä käytetään pääasiassa taulukoissa. Tässä vaikuttavat alueet ovat marginaaleja kaikkiin neljään suuntaan. Marginaalin asettaminen-esimerkiksi 20 pikselin marginaali yläreunassa-työntää laatikkoa alaspäin 20 pikseliä ja varmistaa, että ylhäällä olevat 20 pikseliä tyhjää. Tätä käytetään yleisesti koko verkkosivun järjestämiseen.
Luokitus JavaScript® -tyyli on tehty vaikuttamaan luetteloihin, sekä numeroituihin että luettelomerkittyihin. JavaScript® -ohjelmassa on tässä suhteessa vain yksi ominaisuus: listStyle. Tämä vaikuttaa siihen, miten luettelo on järjestetty sivun muiden elementtien kanssa. Jos esimerkiksi asetat listStyle -asetukseksi “inside”, luettelo näkyy toisen määritetyn elementin sisällä.
Taustan ja värityylin mukana tulee kaksi samanlaista, mutta erilaista tunnistetta: backgroundColor ja color. Nämä kaksi tunnisteita tekevät täsmälleen saman asian; niitä käytetään Web -sivun värin asettamiseen. BackgroundColoria käytetään kuitenkin verkkosivun koko taustan värittämiseen, kun taas väriä käytetään vain yksittäisen elementin värin asettamiseen. Värit voidaan asettaa käyttämällä värin nimeä, kuten vihreää tai punaista, tai käyttämällä värin heksadesimaalista arvoa.