ตัวอย่าง
การตั้งค่าสีพื้นหลังขององค์ประกอบที่แตกต่างกัน
body
{
background-color: yellow;
}
h1
{
background-color: #00ff00;
}
p {
background-color: rgb(255,0,255);
} ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติสีพื้นหลังชุดสีพื้นหลังขององค์ประกอบ
พื้นหลังขององค์ประกอบเป็นขนาดรวมขององค์ประกอบรวมทั้งการขยายและชายแดน (but not the margin)
Tip: ใช้สีพื้นหลังและสีของข้อความที่ทำให้ข้อความที่ง่ายต่อการอ่าน
| ค่าเริ่มต้น: | transparent |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | yes. Read about animatable Try it |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.backgroundColor="#00FF00" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| background-color | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS ไวยากรณ์
background-color:color|transparent|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| color | ระบุสีพื้นหลัง ดู CSS ค่าสี สำหรับรายการที่สมบูรณ์ของค่าสีที่เป็นไปได้ | เล่น " |
| transparent | ระบุว่าสีพื้นหลังควรจะโปร่งใส นี้จะเริ่มต้น | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
การตั้งค่าสีพื้นหลังของส่วนหนึ่งของข้อความ:
span.highlight {
background-color: yellow;
}
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS Tutorial: CSS พื้นหลัง
อ้างอิง HTML DOM: backgroundColor property