<li>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015년 7월.
HTML <li> 요소는 목록의 항목을 나타냅니다. 반드시 정렬 목록(<ol>), 비정렬 목록(<ul>, 혹은 메뉴(<menu>) 안에 위치해야 합니다. 메뉴와 비정렬 목록에서는 보통 불릿으로 항목을 나타내고, 정렬 목록에서는 숫자나 문자를 사용한 오름차순 카운터로 나타냅니다.
시도해 보기
<p>Apollo astronauts:</p> <ul> <li>Neil Armstrong</li> <li>Alan Bean</li> <li>Peter Conrad</li> <li>Edgar Mitchell</li> <li>Alan Shepard</li> </ul> p, li { font: 1rem "Fira Sans", sans-serif; } p { font-weight: bold; } | 콘텐츠 카테고리 | 없음. |
|---|---|
| 가능한 콘텐츠 | 플로우 콘텐츠. |
| 태그 생략 | 다른 <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속성을 사용하세요.
예제
정렬 목록
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 |