<li>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

시도해보기

콘텐츠 카테고리 없음.
가능한 콘텐츠 플로우 콘텐츠.
태그 생략 다른 <li> 요소 바로 뒤따르거나 자신이 부모의 마지막 자식인 경우 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소 <ul>, <ol>, <menu> 요소.
가능한 ARIA 역할 menuitem, menuitemcheckbox, menuitemradio, option, presentation, radio, separator, tab, treeitem
DOM 인터페이스 HTMLLIElement

특성

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

value

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

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

type 지원이 중단되었습니다

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

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

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

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

예제

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

정렬 목록

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

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

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

비정렬 목록

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

명세

Specification
HTML
# the-li-element

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
li
type
Deprecated
value

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Deprecated. Not for use in new websites.

같이 보기

  • 리스트 관련 다른 요소: <ul>, <li>, <menu>.

  • <li> 요소와 유용하게 사용할 수 있는 CSS 속성

    • 서수를 표현할 방식을 지정하는 list-style 속성.
    • 복잡한 중첩 목록을 처리하기 위한 CSS 카운터
    • 항목의 들여쓰기를 조정하기 위한 margin 속성.