EN
CSS - unordered list style types
3 points
In this article, we would like to show you unordered list style types in CSS.
In this section, we present runnable example with some of the most common unordered list style types (list-style-type property).
xxxxxxxxxx1
2
<html>3
<head>4
<style>5
6
body {7
font-size: 20px;8
color: #1d6ab3;9
display: flex;10
flex-wrap: wrap;11
}12
13
body > div {14
min-width: 170px; 15
}16
17
</style> 18
</head>19
<body>20
21
<div>22
<div>disc</div>23
<ul style="list-style-type: disc">24
<li>item</li>25
<li>item</li>26
<li>item</li>27
</ul>28
</div>29
30
<div>31
<div>circle</div>32
<ul style="list-style-type: circle">33
<li>item</li>34
<li>item</li>35
<li>item</li>36
</ul>37
</div>38
39
<div>40
<div>square</div>41
<ul style="list-style-type: square">42
<li>item</li>43
<li>item</li>44
<li>item</li>45
</ul>46
</div>47
48
<div>49
<div>none</div>50
<ul style="list-style-type: none">51
<li>item</li>52
<li>item</li>53
<li>item</li>54
</ul>55
</div>56
57
</body>58
</html>