ตัวอย่าง
ตั้งค่าภาพพื้นหลังสำหรับเอกสาร:
document.body.style.backgroundImage = "url('img_tree.png')"; ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ BackgroundImage หรือผลตอบแทนที่ภาพพื้นหลังขององค์ประกอบ
Tip: นอกจากนี้ยังมีภาพพื้นหลังคุณควรระบุสีพื้นหลัง พื้นหลังสีจะถูกใช้ถ้าภาพไม่พร้อมใช้งาน
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
วากยสัมพันธ์
กลับ BackgroundImage ทรัพย์สิน:
object .style.backgroundImage
ตั้ง BackgroundImage ทรัพย์สิน:
object .style.backgroundImage="url(' ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ url( 'URL' ) สถานที่ตั้งของไฟล์ภาพ none ไม่มีภาพพื้นหลัง นี้จะเริ่มต้น initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: ไม่มี กลับค่า: เชือกคิดเป็นภาพพื้นหลัง CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
ตั้งค่าภาพพื้นหลังของเฉพาะ <div> องค์ประกอบ:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')"; ลองตัวเอง»
ตัวอย่าง
กลับภาพพื้นหลังของเฉพาะ <div> องค์ประกอบ:
alert(document.getElementById("myDiv").style.backgroundImage); ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: CSS พื้นหลัง
กวดวิชา CSS3: พื้นหลัง CSS3
อ้างอิง CSS: background-image property
อ้างอิง HTML DOM: background property
<สไตล์วัตถุ