CSS LIST

CSS :: List Property :: Indexeslink

list-style-type ใช้กำหนดสัญลักษณ์ต่างๆที่แสดงหน้ารายการย่อย
list-style-position ใช้กำหนดตำแหน่งย่อหน้าของบรรทัดต่อไป ในแต่ละรายการย่อย
list-style-image ใช้กำหนดรูปภาพที่จะแสดงตรงหน้ารายการย่อย
list-style ใช้กำหนดค่าต่างๆของ property list-style



CSS :: list property :: list-style-typelink

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; }



CSS :: list property :: list-style-positionlink

property:list-style-position
value:inside คือย่อหน้าถัดไปจะตรงกับสัญลักษณ์หน้ารายการ,
outside คือย่อหน้าถัดไปจะไปตรงกับย่อหน้าของข้อความ
content:ใช้กำหนดตำแหน่งย่อหน้าของบรรทัดต่อไป ( ในแต่ละรายการย่อย )
ในกรณีที่รายการย่อยมีข้อความมากกว่า 1 บรรทัด
example:{ list-style-position: outside; }



CSS :: list property :: list-style-imagelink

property:list-style-image
value:none, url(ชื่อไฟล์.นามสกุล)
content:ใช้กำหนดรูปภาพที่จะแสดงตรงหน้ารายการย่อย
example:{ list-style-image: url( images/panda.gif ); }



CSS :: list property :: list-stylelink

property:list-style
content:ใช้กำหนดค่าของ property list-style-type, list-style-position, list-style-image
ได้พร้อมกันตามลำดับ
example:{ list-style: square outside url(images/panda.gif); }