CSS3 คุณสมบัติขอบภาพชิ้น
ตัวอย่าง
เข้ามาชดเชยภาพระบุขอบเขต:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
| 属性 | |||||
|---|---|---|---|---|---|
| border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
ขอบภาพ -slice แอตทริบิวต์ระบุขอบเขตภาพชดเชยในใจ
| เริ่มต้น: | 100% |
|---|---|
| มรดก: | ไม่ |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | วัตถุ .style.borderImageSlice = "50% 50%" |
ไวยากรณ์
border-image-slice:number|%|fill;
หมายเหตุ: คุณลักษณะนี้ระบุภาพที่ด้านบนขวาล่างขอบด้านซ้ายเข้าโยกย้ายแบ่งออกเป็นเก้าภูมิภาค: สี่มุมทั้งสี่ด้านและกลางภาพระดับกลางจะถูกยกเลิก (กระบวนการที่โปร่งใสเต็มที่) เว้นแต่กรอกคำหลัก ถ้าคุณไม่ใช้จำนวนสี่ / ร้อยละของมันและที่สองเหมือนกัน หากคุณยังละเว้นที่สามและมันก็เป็นเช่นเดียวกับครั้งแรก หากคุณยังละเว้นที่สองและมันก็เป็นเช่นเดียวกับครั้งแรก
| ความคุ้มค่า | คำอธิบาย |
|---|---|
| จำนวน | ตัวแทนดิจิตอลของพิกเซลภาพ (ภาพบิตแมป) หรือพิกัดเวกเตอร์ (ถ้าภาพเป็นภาพเวกเตอร์) |
| % | เปอร์เซ็นต์ของขนาดของภาพที่เป็นญาติ: ความสูงของความกว้างแนวนอนของภาพชดเชยแนวตั้งชดเชยภาพ |
| ใส่ | ลิขสิทธิ์ส่วนกลางของภาพ |
