HTML <ol> Tag

❮ 이전 다음 ❯

예

2 개의 다른는 목록을 정렬 :

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

»그것을 자신을 시도

정의 및 사용

<ol> 태그는 정렬 된 목록을 정의합니다. 정렬 된 목록은 숫자 또는 알파벳이 될 수 있습니다.

사용 <li> 목록 항목을 정의하는 태그를.

브라우저 지원

요소
<ol>	예	예	예	예	예

팁과주의 사항

팁 : 정렬되지 않은 목록은 사용 <UL> 태그를.

팁 : CSS는 목록 스타일을합니다.

HTML 4.01과 HTML5의 차이점

"시작"과 "유형"속성 하였다 되지 않는 HTML 4.01,하지만 HTML5에서 지원됩니다.

"reversed" 속성은 HTML5의 새로운 기능입니다.

"compact" 속성은 HTML5에서 지원되지 않습니다.

속성

= HTML5의 새로운 기능.

속성	값	기술
compact	compact	HTML5에서 지원되지 않습니다. 목록이 정상보다 작은 렌더링하도록 지정
reversed	reversed	목록 순서가 하강 할 것인지를 지정한다 (9,8,7...)
start	number	순서화 된리스트의 시작 값을 지정
type	1 A a I i	마커의 종류 목록에서 사용하는 지정

글로벌 속성

<ol> 태그도 지원 글로벌은 HTML의 속성 .

이벤트 속성

<ol> 태그도 지원 이벤트는 HTML의 속성 .

기본 CSS 설정

대부분의 브라우저는 표시됩니다 <ol> 다음과 같은 기본 값으로 요소를 :

예

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}