วิธีจัดรูปแบบรายการสั่งซื้อด้วยตัวเลขโรมันตัวพิมพ์ใหญ่ใน 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: upper-roman;
}

ตัวอย่างเลขโรมันตัวพิมพ์ใหญ่:

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