CSS3 คุณสมบัติพื้นหลังคลิป
ตัวอย่าง
ระบุพื้นหลังของพื้นที่วาดรูปนี้:
div
{
background-color:yellow;
background-clip:content-box;
}
{
background-color:yellow;
background-clip:content-box;
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
คุณสมบัติ | |||||
---|---|---|---|---|---|
ขอบภาพ | 16.0 4.0 -webkit- | 11.0 | 15.0 3.5 -moz- | 6.0 3.1 -webkit- | 15.0 11.0 -o- |
คำจำกัดความและคำแนะนำการแท็ก
คุณสมบัติพื้นหลังคลิประบุพื้นหลังของพื้นที่วาดภาพ
เริ่มต้น: | ชายแดนกล่อง |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ object.style.backgroundClip = "เนื้อหากล่อง" |
ไวยากรณ์
background-clip: border-box|padding-box|content-box;
ความคุ้มค่า | คำอธิบาย |
---|---|
ชายแดนกล่อง | ผิดนัด ประวัติความเป็นมาวาดในบล็อกเฟรม (กรอบหั่นเป็นกล่อง) |
ช่องว่างภายในกล่อง | ประวัติความเป็นมาวาดในบล็อกช่องว่างภายใน (ตัดเป็นช่องว่างภายใน block) |
เนื้อหากล่อง | เนื้อหาพื้นหลังวาดภายในกล่อง (ตัดลงในบล็อกเนื้อหา) |
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: พื้นหลัง CSS3