คุณสมบัติ 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. | ขนาดพื้นหลัง ใช้เพื่อระบุขนาดของภาพพื้นหลัง |