ในการตั้งค่าประเภทสไตล์รายการใน CSS ให้ใช้คุณสมบัติ list-style-type ใน CSS
ตัวอย่าง
เรามาดูตัวอย่างกันว่าเราตั้งค่าประเภทรายการสำหรับรายการที่ไม่เรียงลำดับ -
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: square;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ul>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ul>
</body>
</html> ผลลัพธ์
ตัวอย่าง
ให้เราดูตัวอย่างที่เราตั้งค่าประเภทรายการสำหรับรายการสั่งซื้อ (ol) -
<!DOCTYPE html>
<html>
<head>
<style>
ol {
list-style-type: upper-roman;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ol>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ol>
</body>
</html> ผลลัพธ์
