<li>

HTML <li> 요소는 목록의 항목을 나타냅니다. 반드시 정렬 목록(<ol>), 비정렬 목록(<ul>, 혹은 메뉴(<menu>) 안에 위치해야 합니다. 메뉴와 비정렬 목록에서는 보통 불릿으로 항목을 나타내고, 정렬 목록에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

특성

이 요소는 전역 특성을 포함합니다.

value

<ol> 요소 내부에서 항목의 현재 서수 값을 나타내는 정수. 리스트가 로마 숫자나 문자로 표시되더라도 이 특성에는 숫자만 넣을수 있습니다. value를 지정한 항목을 뒤따르는 다른 항목은 이 값에서부터 번호를 매깁니다. value 속성은 비정렬 목록(<ul>)과 메뉴(<menu>)에서는 아무 의미가 없습니다.

참고: HTML4에서는 value의 사용을 중단했지만 HTML5에서 다시 도입했습니다.

참고: Gecko 9.0 이전에는 음수 값들이 비정상적으로 0으로 변환되었습니다. Gecko 9.0 에서부터는 모든 정수값들이 올바르게 변환됩니다

type

넘버링 타입을 나타내는 문자.

• a: 소문자 글자
• A: 대문자 글자
• i: 소문자 로마 숫자
• I: 대문자 문자 숫자
• 1: 숫자

부모 <ol> 요소에서 지정하는 유형을 덮어씁니다.

사용 참고: 이 속성은 사용 중단됐습니다. 대신 CSS list-style-type 속성을 사용하세요.

예제

더 자세한 예제는 <ol>과 <ul>을 참고하세요.

정렬 목록

<ol>
    <li>first item</li>
    <li>second item</li>
    <li>third item</li>
</ol>	

사용자 지정 값을 가진 정렬 목록

<ol type="I">
    <li value="3">third item</li>
    <li>fourth item</li>
    <li>fifth item</li>
</ol>	

비정렬 목록

<ul>
    <li>first item</li>
    <li>second item</li>
    <li>third item</li>
</ul>

명세

브라우저 호환성

같이 보기

• 리스트 관련 다른 요소: <ul>, <li>, <menu>.
• <li> 요소와 유용하게 사용할 수 있는 CSS 속성
  • 서수를 표현할 방식을 지정하는 list-style 속성.
  • 복잡한 중첩 목록을 처리하기 위한 CSS 카운터
  • 항목의 들여쓰기를 조정하기 위한 margin 속성.