CSS list property : สอน property ของ list property, เรียน property ของ list property
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • 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); }

 
Share This Chapter Login with Facebook