<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 |
브라우저 호환성
Loading…