728x90

영어 소문자 : type="a"

영어 대문자 : type="A"

로마 소문자 : type="i"

로마 대문자 : type="I"

시작값 바꾸기 : type="a" start="2"

번호 역순 : reversed type="A"

 

<h4>타입 바꾸기 : type</h4>
	<!-- 순서화 하는 기호를 바꾸는거라 그런지 <ul>은 검은 불릿기호만 나옴 -->
	<h5>영문 소문자</h5>
	<ol type="a">	
		<!-- 영문소문자 쓰고 싶으면 소문자 'a'를 삽입 ex) type="a" -->
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>
	
	
	<h5>영문 대문자</h5>		
	<ol type="A">
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>		
			
	<h5>로마 소문자</h5>		
	<ol type="i">
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>			


	<h5>로마 대문자</h5>		
	<ol type="I">
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>					
					
	<h4>시작 값 바꾸기 : start="5"</h4>
	<ol start="5">
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>				
					
					
					
	<h4>타입 및 시작 값 변경 :  : type="i" start="3" </h4> <!--  iii, iV,V,Vi -->
	<ol type="i" start="3"> <!-- start는 정수만 가능 -->
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>				
	<!-- 속성과 속성은 띄어쓰기 구분됨  -->				
					
	
	<h4>역순으로 항목 번호 표시</h4> <!--  iii, iV,V,Vi -->
	<ol reversed type="A" start="2">
		<li>HTML5</li>
		<li>css3</li>
		<li>js</li>
		<li>jquery</li>
	</ol>

 

 

 

728x90
반응형

+ Recent posts