<li>

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에서 다시 도입했습니다.

참고: 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>

명세

명세 상태 주석
HTML Living Standard
The definition of '<li>' in that specification.
Living Standard
HTML5
The definition of '<li>' in that specification.
Recommendation
HTML 4.01 Specification
The definition of '<li>' in that specification.
Recommendation The type attribute has been deprecated.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
liChrome Full support YesEdge Full support 12Firefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
type
DeprecatedNon-standard
Chrome Full support YesEdge Full support 12Firefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
valueChrome Full support YesEdge Full support 12Firefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.

같이 보기

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