คุณสมบัติ CSS หลายพื้นหลังใช้เพื่อเพิ่มรูปภาพครั้งละหนึ่งภาพขึ้นไปโดยไม่มีโค้ด HTML เราเพิ่มรูปภาพได้ตามความต้องการ
ตัวอย่างไวยากรณ์ของรูปภาพพื้นหลังหลายรูปมีดังนี้ -
#multibackground {
background-image: url(/css/images/logo.png), url(/css/images/border.png);
background-position: left top, left top;
background-repeat: no-repeat, repeat;
padding: 75px;
} ต่อไปนี้คือค่า -
| S.no | ค่า &คำอธิบาย |
|---|---|
| 1. | พื้นหลัง ใช้เพื่อกำหนดคุณสมบัติของภาพพื้นหลังทั้งหมดในส่วนเดียว |
| 2. | background-clip ใช้เพื่อประกาศพื้นที่ภาพวาดของพื้นหลัง |
| 3. | background-image ใช้เพื่อระบุภาพพื้นหลัง |
| 4. | background-origin ใช้เพื่อระบุตำแหน่งของภาพพื้นหลัง |
| 5. | ขนาดพื้นหลัง ใช้เพื่อระบุขนาดของภาพพื้นหลัง |