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

การระบุและการใช้งาน

คุณสมบัติย่อย list-style กำหนดคุณสมบัติของรายการทั้งหมดในการประกาศ

คำอธิบาย

คุณสมบัตินี้เป็นคุณสมบัติย่อย ครอบคลุมคุณสมบัติสไตล์ลิสต์ทั้งหมด ตั้งแต่มันถูกใช้บนองค์ประกอบที่มี display ในรูปแบบ list-item ดังนั้นใน HTML และ XHTML มันสามารถใช้กับองค์ประกอบ li แต่ในทางปฏิบัติมันสามารถใช้กับองค์ประกอบทุกองค์ประกอบ และสืบทอดจากองค์ประกอบ list-item

คุณสามารถกำหนดคุณสมบัติตามลำดับดังนี้:

คุณสามารถไม่กำหนดค่าใดๆ ได้ ตัวอย่างเช่น "list-style:circle inside;" ก็ยังเป็นที่ยอมรับ และคุณสมบัติที่ยังไม่ถูกกำหนดจะใช้ค่าเริ่มต้น

ดูเพิ่มเติมที่:

ตัวอย่าง CSSCSS รายการ

คู่มืออ้างอิง HTML DOMคุณสมบัติ listStyle

ตัวอย่าง

ตั้งภาพเป็นลูกฟ้าของรายการลิสต์ในลิสต์:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

ทดลองด้วยตัวเอง

CSS ภาษา

list-style: list-style-type list-style-position list-style-image|initial|inherit;

ค่าของคุณสมบัติ

ค่า คำอธิบาย
list-style-type กำหนดชนิดลูกฟ้ารายการลิสต์. ดูเพิ่มเติมที่:list-style-type ค่าที่เป็นไปได้
list-style-position กำหนดที่จะใส่ลูกฟ้ารายการลิสต์. ดูเพิ่มเติมที่:list-style-position ค่าที่เป็นไปได้
list-style-image ใช้ภาพแทนรายการของรายการลิสต์. ดูเพิ่มเติมที่:list-style-image ค่าที่เป็นไปได้
inherit กำหนดให้มีค่าจากตัวปลูกของอย่างเหมาะสมของคุณสมบัติ list-style

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: disc outside none
การสืบทอด: yes
เวอร์ชัน: CSS1
JavaScript ภาษา: object.style.listStyle="decimal inside"

ตัวอย่างเพิ่มเติม

กำหนดคุณสมบัติของรายการทั้งหมดในการประกาศ
ตัวอย่างนี้แสดงว่าจะกำหนดคุณสมบัติของรายการทั้งหมดในคุณสมบัติย่อย

การสนับสนุนโปรแกรมน่าเชื่อถือ

ตัวเลขในตารางระบุเวอร์ชันบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0