ตัวอย่าง
ระบุพื้นที่ของการวาดภาพพื้นหลัง:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติพื้นหลังคลิประบุพื้นที่ของการวาดภาพพื้นหลัง
| ค่าเริ่มต้น: | border-box |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | object .style.backgroundClip="content-box" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| background-clip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS ไวยากรณ์
background-clip: border-box|padding-box|content-box|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| border-box | ค่ามาตรฐาน พื้นหลังถูกตัดไปยังกล่องชายแดน | เล่น " |
| padding-box | พื้นหลังถูกตัดไปยังกล่องช่องว่างภายใน | เล่น " |
| content-box | พื้นหลังถูกตัดไปยังกล่องเนื้อหา | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS3: พื้นหลัง CSS3
อ้างอิง HTML DOM: backgroundClip property