แอตทริบิวท์ reversed ของ <ol> ใน HTML

แอตทริบิวท์ reversed ของ <ol> ใน HTML

แอตทริบิวท์ reversed ขององค์ประกอบ <ol> ใน HTML ใช้สำหรับตั้งค่าลำดับถอยหลังของรายการในรายการที่มีลำดับ (ordered list) แสดงหมายเลขในลำดับถอยหลัง และถูกนำมาใช้ใน HTML5

รูปแบบการใช้งานมีดังนี้:

<ol reversed>

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h2>อันดับในลำดับถอยหลัง</h2>
  <ol reversed>
    <li>Tom</li>
    <li>Jack</li>
    <li>Will</li>
    <li>Harry</li>
    <li>Tim</li>
    <li>Steve</li>
    <li>David</li>
    <li>Kane</li>
    <li>William</li>
    <li>John</li>
  </ol>
</body>
</html>

ผลลัพธ์

ในตัวอย่างข้างต้น เราได้ตั้งค่ารายการที่มีลำดับพร้อมรายการต่อไปนี้ภายใต้ <li>:

<li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li>

รายการข้างต้นอยู่ภายใต้องค์ประกอบ <ol> สำหรับรายการที่มีลำดับ เพื่อใช้ลำดับถอยหลัง ให้ใช้แอตทริบิวท์ reversed:

<ol reversed> <li>Tom</li> <li>Jack</li> <li>Will</li> <li>Harry</li> <li>Tim</li> <li>Steve</li> <li>David</li> <li>Kane</li> <li>William</li> <li>John</li> </ol>