CSS3 คุณสมบัติพื้นหลังกำเนิด
ตัวอย่าง
กล่องเนื้อหาตำแหน่งสัมพัทธ์ของภาพพื้นหลัง:
div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}
ลอง»
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
属性 | |||||
---|---|---|---|---|---|
background-origin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
คำจำกัดความและคำแนะนำการแท็ก
แอตทริบิวต์พื้นหลังกำเนิดระบุคุณสมบัติพื้นหลังตำแหน่งที่ควรจะเป็นความสัมพันธ์ระหว่างตำแหน่ง
โปรดทราบว่าถ้าภาพพื้นหลังพื้นหลังแนบคือ "คงที่" แอตทริบิวต์นี้ไม่มีผล
เริ่มต้น: | ช่องว่างภายในกล่อง |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ object.style.backgroundOrigin = "เนื้อหากล่อง" |
ไวยากรณ์
background-origin: padding-box|border-box|content-box;
值 | 描述 |
---|---|
padding-box | 背景图像填充框的相对位置 |
border-box | 背景图像边界框的相对位置 |
content-box | 背景图像的相对位置的内容框 |
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: พื้นหลัง CSS3