สไตล์JavaScript®เป็นส่วนหนึ่งของรหัสJavaScript®ที่มีผลต่อรูปลักษณ์หรือสไตล์ของเว็บเพจ สไตล์เหล่านี้สามารถแบ่งออกเป็นห้าส่วน ได้แก่ ข้อความแบบอักษรกล่องการจัดประเภทและพื้นหลังและสี แต่ละส่วนมีผลต่อส่วนต่าง ๆ ของเว็บเพจตามความต้องการของผู้สร้างและมาพร้อมกับชุดแท็กของตนเอง
ลักษณะข้อความJavaScript®มีผลต่อลักษณะที่ข้อความปรากฏบนเว็บไซต์ องค์ประกอบที่สามารถเปลี่ยนแปลงได้ที่นี่คือความสูงของบรรทัดวิธีจัดแนวข้อความและขนาดของการเยื้องสำหรับแต่ละย่อหน้า ลักษณะข้อความJavaScript®ไม่มีผลต่อลักษณะที่ปรากฏของแบบอักษรเฉพาะกับการจัดเรียงข้อความ
ลักษณะ Font JavaScript®คล้ายกับข้อความที่มีผลกับตัวอักษร แต่สไตล์นี้จะเปลี่ยนลักษณะที่ปรากฏของตัวอักษรไม่ใช่การจัดระเบียบ พื้นที่ที่สามารถตั้งค่าด้วยสไตล์ JavaScript นี้เป็นลักษณะแบบอักษรและตระกูลแบบอักษรไม่ว่าตัวอักษรทั้งหมดจะเป็นตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็กและมีความสว่างหรือความเข้มของตัวอักษรอย่างไร ตระกูลตัวอักษรหมายถึงตัวอักษรที่ข้อความจะใช้และรูปแบบตัวอักษรหมายถึงข้อความที่เป็นตัวอักษรปกติตัวหนาหรือตัวเอียง
กล่องหรือตารางภาษามาร์กอัปไฮเปอร์เท็กซ์ (HTML) ได้รับผลกระทบจากสไตล์กล่องJavaScript® ส่วนอื่น ๆ สามารถเปลี่ยนแปลงได้ด้วยสไตล์นี้ แต่ส่วนใหญ่จะใช้สำหรับตาราง พื้นที่ที่ได้รับผลกระทบที่นี่คือระยะขอบในทั้งสี่ทิศทาง การตั้งค่าระยะขอบ - ตัวอย่างเช่นระยะขอบ 20 พิกเซลที่ด้านบน - จะดันกล่องลงมา 20 พิกเซลและจะให้แน่ใจว่าพื้นที่ 20 พิกเซลที่ด้านบนยังว่างเปล่า สิ่งนี้มักใช้เพื่อจัดระเบียบเว็บเพจทั้งหมด
การจำแนกประเภทสไตล์ JavaScript ถูกสร้างขึ้นเพื่อให้มีผลกับรายการทั้งแบบกำหนดหมายเลขและสัญลักษณ์แสดงหัวข้อย่อย JavaScript มีเพียงหนึ่งคุณลักษณะในเรื่องนี้: listStyle สิ่งนี้มีผลต่อการจัดระเบียบรายการกับองค์ประกอบอื่น ๆ ในหน้า ตัวอย่างเช่นหากคุณตั้ง listStyle เป็น“ inside” รายการนั้นจะปรากฏขึ้นภายในองค์ประกอบที่ระบุอื่น
สไตล์พื้นหลังและสีมาพร้อมกับสองแท็กที่คล้ายกัน แต่แตกต่างกัน: backgroundColor และสี สองแท็กเหล่านี้ทำสิ่งเดียวกัน; พวกเขาจะใช้ในการกำหนดสีของหน้าเว็บ BackgroundColor ใช้เพื่อระบายสีพื้นหลังทั้งหมดของเว็บเพจในขณะที่สีจะใช้เพื่อตั้งค่าสีของแต่ละองค์ประกอบเท่านั้น สามารถตั้งค่าสีได้โดยใช้ชื่อของสีเช่นสีเขียวหรือสีแดงหรือใช้ค่าเลขฐานสิบหกของสี
