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

คุณสมบัติ list-style อนุญาตให้กำหนด ประเภทของมาร์กเกอร์ list-style-type, รูปภาพ list-style-image และตำแหน่งของมัน list-style-position สำหรับลิสต์ ul หรือ ol พร้อมกัน

ลำดับของคุณสมบัติในค่าไม่มีความสำคัญ

ตัวอย่าง

มาทำการตั้งค่ามาร์กเกอร์สี่เหลี่ยมจัตุรัสสำหรับลิสต์ของเรา:

html<ul>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

ตัวอย่าง

และตอนนี้เรามากำหนดในคุณสมบัติ list-style รูปภาพสำหรับมาร์กเกอร์และตำแหน่งของมันไว้ภายใน กล่องข้อความ:

html<ul>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
  <li>รายการ</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: