| list-style-type | ใช้กำหนดสัญลักษณ์ต่างๆที่แสดงหน้ารายการย่อย |
|---|---|
| list-style-position | ใช้กำหนดตำแหน่งย่อหน้าของบรรทัดต่อไป ในแต่ละรายการย่อย |
| list-style-image | ใช้กำหนดรูปภาพที่จะแสดงตรงหน้ารายการย่อย |
| list-style | ใช้กำหนดค่าต่างๆของ property list-style |
property:list-style-type
value:none, circle, disc, square, lower-roman, upper-roman, lower-alpha, upper-alpha, decimal, decimal-leading-zero
content:ใช้กำหนดสัญลักษณ์ต่างๆที่แสดงหน้ารายการย่อย
example:{ list-style-type: square; }
property:list-style-position
value:inside คือย่อหน้าถัดไปจะตรงกับสัญลักษณ์หน้ารายการ, outside คือย่อหน้าถัดไปจะไปตรงกับย่อหน้าของข้อความ
content:ใช้กำหนดตำแหน่งย่อหน้าของบรรทัดต่อไป ( ในแต่ละรายการย่อย ) ในกรณีที่รายการย่อยมีข้อความมากกว่า 1 บรรทัด
example:{ list-style-position: outside; }
property:list-style-image
value:none, url(ชื่อไฟล์.นามสกุล)
content:ใช้กำหนดรูปภาพที่จะแสดงตรงหน้ารายการย่อย
example:{ list-style-image: url( images/panda.gif ); }
property:list-style
content:ใช้กำหนดค่าของ property list-style-type, list-style-position, list-style-image ได้พร้อมกันตามลำดับ
example:{ list-style: square outside url(images/panda.gif); }