| 속성 | 설명 |
| disc | 안이 채워진 원(●) |
| circle | 안이 비워진 원(○) |
| square | 안이 채워진 사각형(■) |
| none | 불릿 없애기 |
| decimal | 1로 시작하는 십진수(1,2,3....) |
| decimal-leading-zero | 앞에 0이 붙는 십진수(01,02,03....) |
| lower-roman | 소문자 로마 숫자(ⅰ,ⅱ,ⅲ....) |
| upper-roman | 대문자 로마 숫자(Ⅰ,Ⅱ,Ⅲ...) |
| lower-alpha | 소문자 알파벳(a,b,c....) |
| upper-alpha | 대문자 알파벳(A,B,C...) |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
1
<ul style = ' list-style-type : desc ' >
<li> 목록1 </li>
<li> 목록2 </li>
</ul>
2
<ul style = ' list-style-type : decimal ' >
<li> 목록3 </li>
<li> 목록4 </li>
</ul>
3
<ul style = ' list-style-type : lower-roman ' >
<li> 목록5 </li>
<li> 목록6 </li>
</ul>
4
<ul style = ' list-style-type : upper-alpha ' >
<li> 목록7 </li>
<li> 목록8 </li>
</ul>
</body>
</html>
|
| [css3] list-style-position - 목록에서 들여쓰기 (0) | 2021.04.12 |
|---|---|
| [css3] list-style-image - 목록 스타일을 이미지로 넣기 (0) | 2021.04.09 |
| [css3] text-overflow - 넘치는 텍스트 표기 (0) | 2021.04.08 |
| [css3] line-height - 줄 간격 조절 (0) | 2021.04.07 |
| [css3] text-indent - 텍스트 들여쓰기 (0) | 2021.04.06 |
