CSS list-style-image ความนิยม
- หน้าก่อน list-style
- หน้าต่อไป list-style-position
การระบุและการใช้งาน
คุณสมบัติ list-style-image ใช้ภาพเพื่อแทนที่สัญลักษณ์ของรายการลิสต์
คำอธิบาย
คุณสมบัตินี้กำหนดภาพที่ใช้เป็นสัญลักษณ์ของรายการในรายการลิสต์ ที่ตั้งอยู่ในระยะทางของรายการลิสต์ โดยทั่วไปแล้วจะถูกควบคุมโดยคุณสมบัติ list-style-position。
หมายเหตุ:เป็นที่ยินยอมว่าจะกำหนดคุณสมบัติ "list-style-type" ให้แน่นอนก่อนที่จะใช้ภาพ ถ้าภาพไม่สามารถใช้ได้
ดูเพิ่มเติม:
คู่มือ CSSรายการ CSS
คู่มือ CSSCSS list-style ความนิยม
คู่มือ HTML DOMคุณสมบัติ listStyleImage
ตัวอย่าง
ตั้งภาพเป็นสัญลักษณ์ของรายการในรายการลิสต์:
ul
{
list-style-image:url("/i/arrow.gif");
list-style-type:square;
}
ระบบการเขียน CSS
list-style-image: none|url|initial|inherit;
ค่าของอัตราแบบ
| ค่า | คำอธิบาย |
|---|---|
| URL | หนทางทางภาพ |
| none | ค่าเริ่มต้น ไม่มีภาพที่แสดง |
| inherit | กำหนดให้มีค่าจากตัวปลูกข่ายและสืบทอดค่าของอัตราแบบ list-style-image。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | none |
|---|---|
| การสืบทอด: | yes |
| รุ่น: | CSS1 |
| ระบบการเขียน JavaScript: | object.style.listStyleImage="url('/images/blueball.gif')" |
ตัวอย่างเพิ่มเติม
- ใช้ภาพเป็นสัญลักษณ์ของรายการในรายการลิสต์
- ตัวอย่างนี้แสดงว่าเราจะทำไม้เพื่อใช้ภาพเป็นสัญลักษณ์ของรายการในรายการลิสต์。
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางบอกว่าบราวเซอร์แรกที่สนับสนุนอัตราแบบนี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- หน้าก่อน list-style
- หน้าต่อไป list-style-position
