Thuộc tính đảo ngược của phần tử
- trong HTML được sử dụng để đặt thứ tự đảo ngược của các mục danh sách trong danh sách có thứ tự. Nó hiển thị đánh số theo thứ tự giảm dần và được giới thiệu trong HTML5.
- -
<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>
Phần trên nằm dưới phần tử
- cho một danh sách không có thứ tự. Để áp dụng cho thứ tự bị đảo ngược, hãy sử dụng thuộc tính đã đảo ngược -
<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>
Sau đây là cú pháp -
<ol reversed>
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính đã đảo ngược của phần tử
- -
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Rank in Descending order</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>
Đầu ra
Trong ví dụ trên, chúng tôi đã đặt một danh sách không có thứ tự với các mục danh sách sau trong