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

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

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

ตัวอย่าง

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

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

ul {
	list-style: square outside;
}

ตัวอย่าง

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

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

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