วิธีจัดรูปแบบรายการสั่งซื้อด้วยตัวเลขโรมันตัวพิมพ์เล็กใน CSS

เรียนรู้วิธีจัดรูปแบบรายการที่เรียงลำดับด้วยตัวเลขโรมันตัวพิมพ์เล็กใน CSS

ในการสร้างรายการสั่งซื้อใน HTML คุณใช้:

• ตัว <ol> เพื่อกำหนดองค์ประกอบรายการสั่งซื้อของคุณ
• ตัว <li> เพื่อกำหนดองค์ประกอบรายการของคุณ

ตัวอย่าง:

<ol>
  <li>List item</li>
  <li>List item</li>
  <li>List item</li>
</ol>

โดยค่าเริ่มต้น รายการที่เรียงลำดับจะได้รับการจัดรูปแบบด้วยตัวเลขทศนิยมปกติ:

1. รายการ
2. รายการ
3. รายการ

รายการลำดับเริ่มต้นที่มีตัวเลขทศนิยม มาจาก User-Agent Stylesheet (UAS) ซึ่งมีอยู่ในเบราว์เซอร์ทั้งหมด ถูกกำหนดด้วยคุณสมบัติ CSS:list-style-type: decimal;

วิธีเพิ่มตัวเลขโรมันตัวพิมพ์เล็กด้วย CSS

ในการสร้างรายการด้วยตัวเลขโรมันตัวพิมพ์เล็ก คุณต้องแทนที่ตัวเลขรูปแบบทศนิยมเริ่มต้น ด้วยคุณสมบัติ CSS list-style-type :

ol {
  list-style-type: lower-roman;
}

ตัวอย่างเลขโรมันตัวพิมพ์เล็ก:

1. รายการ
2. รายการ
3. รายการ