CSS คุณสมบัติภาพพื้นหลัง
ตัวอย่าง
ประวัติความเป็นมาองค์ประกอบร่างกายภาพ:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
ลอง»
คำจำกัดความและคำแนะนำการแท็ก
คุณสมบัติ background-image กำหนดภาพพื้นหลังขององค์ประกอบ
ขนาดรวมขององค์ประกอบที่พื้นหลังขององค์ประกอบรวมทั้งการขยายและชายแดน ( แต่ไม่รวมอัตรากำไรขั้นต้น)
โดยค่าเริ่มต้นภาพพื้นหลังถูกวางไว้ในที่มุมบนซ้ายขององค์ประกอบและทำซ้ำในแนวตั้งและแนวนอน
เริ่มต้น: | ไม่มีเลย |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS1 |
ไวยากรณ์ javascript: | วัตถุ object.style.backgroundImage = "URL (stars.gif)" |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
Property | |||||
---|---|---|---|---|---|
background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
โปรดทราบว่า IE8 และเบราว์เซอร์ก่อนหน้านี้ไม่สนับสนุนภาพพื้นหลังในหลายองค์ประกอบหนึ่ง
โปรดทราบว่า IE7 และรุ่นก่อนหน้าไม่สนับสนุน "มรดก" ค่าIE8 ต้องกำหนด! DOCTYPE IE9 สนับสนุน "มรดก".
เคล็ดลับและคำอธิบาย
เคล็ดลับ: ให้แน่ใจว่าจะกำหนดสีพื้นหลังถ้าภาพไม่สามารถใช้ได้จะใช้
มูลค่าทรัพย์สิน
ความคุ้มค่า | คำอธิบาย |
---|---|
URL(URL) | URL ของรูปภาพ |
ไม่มีเลย | ไม่มีภาพพื้นหลังจะปรากฏ นี้จะเริ่มต้น |
สืบทอด | ระบุภาพพื้นหลังควรได้รับการสืบทอดมาจากองค์ประกอบหลัก |
ตัวอย่างออนไลน์
ภาพพื้นหลังหลาย
ตัวอย่างนี้แสดงให้เห็นถึงเอกสารหลายภาพพื้นหลัง
บทความที่เกี่ยวข้อง
CSS Tutorial: CSS พื้นหลัง
กวดวิชา CSS3: พื้นหลัง CSS3