CSS 목록 스타일 유형 속성


  번역 결과:

list

English [ləst] US [ləst]

n.목록, 천의 가장자리, 천의 끝; Record in the list Within

vi. Listed on the table

3인칭 단수: 목록 복수형: 목록 현재 분사: 목록 과거 시제: 목록 과거 분사: listed

style

English [staəl] American [staəl]

n. 스타일, 외모, 취향

vt. 디자인, 모양...

vi. 장식용 그림을 만드세요. : styles 복수형: styles 현재 분사: Styling 과거 분사: styled

type

English [taən] American [taən] n. .type of

vt.

3인칭 단수: 유형 복수: 유형 현재 분사: 유형 과거 시제: 유형 과거 분사: 유형

CSS 목록 스타일 유형 속성통사론

기능: 목록 항목 표시 유형을 설정합니다.

참고: Internet Explorer의 모든 버전(IE8 포함)은 속성 값 ​​​​"decimal-leading-zero", "lower-greek", "lower-latin", "upper-latin"을 지원하지 않습니다. , "아르메니아인", "조지아인" 또는 "상속".

참고: 모든 브라우저는 list-style-type 속성을 지원합니다.

CSS 목록 스타일 유형 속성예

<html>
<head>
<style type="text/css">
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
</style>
</head>

<body>
<p>Type circle:</p>
<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<p>Type square:</p>
<ul class="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<p>Type upper-roman:</p>
<ol class="upper-roman">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>

<p>Type lower-alpha:</p>
<ol class="lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>


</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A