ลักษณะรายการ list
การกำหนดคุณสมบัติของรายการ list โดยใช้ html บางครั้งอาจไม่เพียงพอ และสามารถกำหนดคุณสมบัติได้น้อยกว่า css โดยใน css นั้นสามารถกำหนดคุณสมบัติของ list ได้ดังนี้
- กำหนดความแตกต่างของรายการ list ในแต่ละหัวข้อย่อย
- กำหนดความแตกต่างของรายการ list ในการเรียงลำดับ
- กำหนดรายการ list เป็นรูปภาพ
เครื่องหมายรายการ list ที่แตกต่างกัน
ประเภทของเครื่องหมายรายการ list กำหนดจากคุณสมบัติ list-style-type
กำหนดประเภทเครื่องหมาย list ที่แตกต่างกัน
ul.a {list-style-type: disc;}
ul.b {list-style-type: circle;}
ul.b {list-style-type: square;}
เครื่องหมาย list แบบไม่เรียงลำดับ
- none: ไม่มีเครื่องหมายใดๆ
- disc: เครื่องหมาย list โดยปกติพื้นฐาน คือ วงกลมดำทึบ
- circle: เครื่องหมาย list แบบวงกลม
- square: เครื่องหมาย list แบบสี่เหลี่ยม
เครื่องหมาย list แบบเรียงลำดับ
- armenian: เครื่องหมาย list เป็นตัวเลข armenian ดั้งเดิม
- decimal: เครื่องหมาย list แบบเรียงลำดับตัวเลข
- decimal-leading-zero: เครื่องหมาย list แบบเรียงลำดับตัวเลข โดยมีเลขศูนย์นำหน้า
- georgian: เครื่องหมาย list แบบตัวเลข georgian โบราณ
- lower-alpha: เครื่องหมาย list แบบ lower-alpha (a, b, c, ...)
- lower-greek: เครื่องหมาย list แบบ lower-greek (alpha, beta, gamma, ...)
- lower-latin: เครื่องหมาย list แบบ lower-latin (a, b, c, ...)
- lower-roman: เครื่องหมาย list แบบ lower-roman (i, ii, iii, ...)
- upper-alpha: เครื่องหมาย list แบบ upper-alpha (A, B, C, ...)
- upper-latin: เครื่องหมาย list แบบ upper-latin (A, B, C, ...)
- upper-roman: เครื่องหมาย list แบบ upper-roman (I, II, III, ...)
ใช้รูปภาพแทนเครื่องหมาย list
กำหนดรูปภาพแทนเครื่องหมาย list โดยการใช้คุณสมบัติ list-style-image
กำหนดรูปภาพแทนเครื่องหมาย list
ul{list-style-image:url(image.gif);}