คุณสมบัติ Style backgroundColor

การระบุและการใช้งาน

backgroundColor ตั้งค่าหรือส่งกลับสีพื้นหลังขององค์ประกอบ

ดูเพิ่มเติม:

สไตล์ HTMLคุณสมบัติ background

สอน CSSCSS ศูนย์กลางภาพ 배경

คู่มือ CSSคุณสมบัติ background-color

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าสีพื้นหลังของเอกสาร:

document.body.style.backgroundColor = "red";

ลองทดลองเอง

ตัวอย่าง 2

ตั้งค่าสีพื้นหลังของ <div> โดยเฉพาะ:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

ลองทดลองเอง

ตัวอย่าง 3

ส่งกลับสีพื้นหลังของ <div> โดยเฉพาะ:

alert(document.getElementById("myDiv").style.backgroundColor);

ลองทดลองเอง

ตัวอย่าง 4

ส่งกลับสีพื้นหลังของเอกสาร:

alert(document.body.style.backgroundColor);

ลองทดลองเอง

การใช้งาน

ส่งกลับคุณสมบัติ backgroundColor:

object.style.backgroundColor

ตั้งค่าคุณสมบัติ backgroundColor:

object.style.backgroundColor = "color|transparent|initial|inherit"

ค่าของคุณสมบัติ

ค่า รายละเอียด
color

กำหนดสีพื้นหลัง

ดู ค่าสี CSSเพื่อขอรับรายชื่อค่าสีที่เป็นไปได้ทั้งหมด
transparent ค่าเริ่มต้น. สีพื้นหลังเป็นสีที่สดผสม (สิ่งที่อยู่ด้านล่างจะเห็นได้ผ่านมัน)
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial.
inherit มีคุณสมบัตินี้มาจากตัวปลอมของตน โปรดดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: transparent
ค่าที่ส่งกลับ: ตัวอักษร ที่แสดงถึงสีพื้นหลัง
เวอร์ชั่น CSS: CSS1

การสนับสนุนของเบราเซอร์

backgroundColor เป็นคุณสมบัติ CSS1 (1996) สำหรับ

ทั้งหมดเบราเซอร์ต่างๆ สนับสนุนมันเต็มตัว:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน