CSS에서 대문자 로마 숫자로 정렬된 목록의 스타일을 지정하는 방법

CSS에서 대문자 로마 숫자로 정렬된 목록의 스타일을 지정하는 방법을 알아보세요.

HTML로 정렬된 목록을 만들려면 다음을 사용합니다.

예:

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

기본적으로 정렬된 목록 항목은 일반 십진수로 스타일이 지정됩니다.

십진수가 포함된 기본 순서 목록은 모든 브라우저에 내장된 UAS(User-Agent Stylesheet)에서 가져옵니다. CSS 속성으로 정의됩니다. list-style-type: decimal;

CSS로 로마자 대문자를 추가하는 방법

대문자 로마 숫자로 목록을 만들려면 CSS 속성 list-style-type을 사용하여 기본 10진수 스타일 숫자를 재정의해야 합니다. :

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

대문자 로마 숫자 예: