Bir JavaScript® stili, bir Web sayfasının görünümünü veya stilini etkileyen JavaScript® kodunun bir parçasıdır. Bu stiller beş bölüme ayrılabilir: metin, yazı tipi, kutu, sınıflandırma ve arka planlar ve renkler. Her bölüm, yaratıcının ihtiyaçlarına göre Web sayfasının farklı bir bölümünü etkiler ve kendi etiketleriyle birlikte gelir.
Metin JavaScript® stili, metnin sitede nasıl göründüğünü etkiler. Burada değiştirilebilecek öğeler, satırların yüksekliği, metnin nasıl hizalanacağı ve her paragrafın girintisinin büyüklüğüdür. Metin JavaScript® stili, fontun nasıl göründüğünü, yalnızca metnin nasıl düzenlendiğini etkilemez.
Font JavaScript® stili harfleri etkilediği için metne benzer, ancak bu stil harflerin görünümünü değiştirir, organizasyonlarını değil. Bu tür JavaScript® stiliyle ayarlanabilen alanlar, tüm harflerin büyük harfli mi, küçük harfli mi olduğu ve harflerin ne kadar aydınlık veya karanlık olduğu font stili ve font ailesidir. Yazı tipi ailesi, metnin hangi yazı tipini kullanacağını ve yazı tipi stilinin metnin normal, koyu veya italik olup olmadığını belirtir.
Kutular veya köprü metni biçimlendirme dili (HTML) tabloları, kutu JavaScript® stilinden etkilenir. Diğer bölümler de bu stille değiştirilebilir, ancak daha çok tablolar için kullanılır. Burada etkilenen bölgeler dört yöndeki kenar boşluklarıdır. Bir kenar boşluğu ayarlamak - örneğin, üstte 20 piksellik bir kenar boşluğu - kutuyu 20 piksel aşağıya doğru iter ve üst kısımdaki 20 piksel boşluğun boş kalmasını sağlar. Bu genellikle tüm Web sayfasını düzenlemek için kullanılır.
Sınıflandırma JavaScript® stili hem numaralı hem de madde imli olan listeleri etkilemek için yapılır. JavaScript® bu konuda tek bir özelliğe sahiptir: listStyle. Bu, listenin sayfadaki diğer öğelerle nasıl düzenlendiğini etkiler. Örneğin, listStyle öğesini “inside” olarak ayarlarsanız, liste belirtilen başka bir öğenin içinde görünecektir.
Arka plan ve renk stili iki benzer, ancak farklı etiketlerle gelir: backgroundColor ve color. Bu iki etiket aynı şeyi yapar; Web sayfasının rengini ayarlamak için kullanılırlar. BackgroundColor, Web sayfasının arka planının tamamını renklendirmek için kullanılırken, renk yalnızca tek bir öğenin rengini ayarlamak için kullanılır. Renkler, yeşil veya kırmızı gibi rengin adı kullanılarak veya rengin onaltılı değeri kullanılarak ayarlanabilir.
