คุณสมบัติ list-style-image

คุณสมบัติ list-style-image กำหนด รูปภาพสำหรับมาร์กเกอร์ของ รายการ

ไวยากรณ์

cssตัวเลือก {
  list-style-image: url("เส้นทางไปยังไฟล์รูปภาพ") | none;
}

ค่า

ค่า คำอธิบาย
url เส้นทางไปยังไฟล์รูปภาพ ชื่อรูปภาพสามารถ อยู่ในเครื่องหมายคำพูดคู่, เครื่องหมายคำพูดเดี่ยว หรือไม่มีเครื่องหมายคำพูดเลย
none ยกเลิกรูปภาพสำหรับรายการ

ค่าเริ่มต้น: none

ตัวอย่าง

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>
cssul {
  list-style-image: url("li.gif");
}

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ list-style-type,
    ซึ่งกำหนดประเภทของมาร์กเกอร์รายการ
  • คุณสมบัติ list-style-position,
    ซึ่งกำหนดตำแหน่งของมาร์กเกอร์
  • คุณสมบัติ list-style,
    ซึ่งเป็นรูปแบบย่อสำหรับมาร์กเกอร์