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