Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

HTML에서 목록 순서를 내림차순으로 표시하는 방법 (reversed 속성)


HTML에서 목록의 번호가 9, 8, 7, 6, 5...처럼 내림차순으로 표시되도록 하려면 <ol> 태그에 reversed 속성을 사용하면 됩니다.

reversed는 불리언(Boolean) 속성으로, 별도의 값을 지정하지 않고 태그에 추가하기만 하면 목록 항목의 번호가 큰 수부터 작은 수로 매겨집니다.

예제

다음 코드를 실행하면 reversed 속성이 적용된 결과를 직접 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <body>
   <h3>Cricketers List</h3>
      <ol reversed>
         <li>Amit</li>
         <li>Amal</li>
         <li>Rahul</li>
         <li>Virat</li>
      </ol>
   </body>
</html>

위 코드를 브라우저에서 실행하면 목록 번호가 4, 3, 2, 1 순서로 표시되는 것을 볼 수 있습니다. 이처럼 reversed 속성은 카운트다운 형식의 순위나 역순 나열이 필요한 경우에 유용하게 활용됩니다.