Apa itu Gaya JavaScript®?

Gaya JavaScript® adalah bagian dari kode JavaScript® yang memengaruhi tampilan, atau gaya, halaman Web. Gaya ini dapat dipecah menjadi lima bagian: teks, font, kotak, klasifikasi, serta latar belakang dan warna. Setiap bagian mempengaruhi bagian halaman Web yang berbeda, sesuai dengan kebutuhan pembuatnya, dan dilengkapi dengan kumpulan tagnya sendiri.
Teks gaya JavaScript® mempengaruhi bagaimana teks muncul di situs. Elemen yang dapat diubah di sini adalah tinggi garis, cara teks disejajarkan, dan ukuran lekukan untuk setiap paragraf. Teks Gaya JavaScript® tidak memengaruhi tampilan font, hanya bagaimana teks diatur.

Gaya font JavaScript® mirip dengan teks karena memengaruhi huruf, tetapi gaya ini mengubah tampilan huruf, bukan organisasinya. Area yang dapat diatur dengan jenis gaya JavaScript® ini adalah gaya font dan kelompok font, apakah semua huruf besar atau kecil, dan seberapa terang atau gelap huruf tersebut. Keluarga font mengacu pada font apa yang akan digunakan teks, dan gaya font mengacu pada apakah teks tersebut normal, tebal, atau miring.

Kotak, atau tabel hypertext markup language (HTML), dipengaruhi oleh gaya JavaScript® kotak. Bagian lain juga dapat diubah dengan gaya ini, tetapi terutama digunakan untuk tabel. Area yang terpengaruh di sini adalah margin di keempat arah. Mengatur margin — misalnya, margin 20 piksel di bagian atas — akan mendorong kotak ke bawah sebesar 20 piksel dan akan memastikan bahwa 20 piksel ruang di bagian atas tetap kosong. Ini biasanya digunakan untuk mengatur seluruh halaman Web.

Klasifikasi Gaya JavaScript® dibuat untuk memengaruhi daftar, baik bernomor maupun berpoin. JavaScript® hanya memiliki satu atribut dalam hal ini: listStyle. Ini memengaruhi cara daftar diatur dengan elemen lain di halaman. Misalnya, jika Anda menyetel listStyle ke “di dalam”, maka daftar tersebut akan muncul di dalam elemen lain yang ditentukan.

Latar belakang dan gaya warna hadir dengan dua tag yang serupa, tetapi berbeda: warna latar dan warna. Kedua tag ini melakukan hal yang persis sama; mereka digunakan untuk mengatur warna halaman Web. BackgroundColor digunakan untuk mewarnai seluruh latar belakang halaman Web, sementara warna hanya digunakan untuk mengatur warna elemen individual. Warna dapat diatur dengan menggunakan nama warna, seperti hijau atau merah, atau menggunakan nilai heksadesimal warna.