Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

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

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

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

  • <ol> 태그를 사용하여 정렬된 목록 요소를 정의합니다.
  • <li> 목록 항목 요소를 정의하는 태그입니다.

예:

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

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

  1. 목록 항목
  2. 목록 항목
  3. 목록 항목

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

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

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

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

소문자 로마 숫자 예:

  1. 목록 항목
  2. 목록 항목
  3. 목록 항목