CSS Multi background property ใช้เพิ่มรูปภาพหนึ่งหรือหลายรูปพร้อมกันโดยไม่ต้องใช้โค้ด HTML เราสามารถเพิ่มรูปภาพได้ตามต้องการ
Syntax ตัวอย่างของ multi background images:
#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; }ค่าต่อไปนี้คือค่าที่ใช้ได้:
| ลำดับ | ค่า & คำอธิบาย |
|---|---|
| 1. | background ใช้ตั้งค่าคุณสมบัติรูปภาพพื้นหลังทั้งหมดในส่วนเดียว |
| 2. | background-clip ใช้ประกาศพื้นที่วาดของพื้นหลัง |
| 3. | background-image ใช้ระบุรูปภาพพื้นหลัง |
| 4. | background-origin ใช้ระบุตำแหน่งของรูปภาพพื้นหลัง |
| 5. | background-size ใช้ระบุขนาดของรูปภาพพื้นหลัง |
