2017-12-16 00:55:27 +03:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
2019-05-26 01:54:41 +03:00
|
|
|
<head>
|
|
|
|
|
<title>List tests</title>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
<script type="text/javascript" src="../../test.js"></script>
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
<style>
|
|
|
|
|
li {
|
|
|
|
|
margin: 10px 5%;
|
|
|
|
|
}
|
|
|
|
|
.list1 {
|
|
|
|
|
list-style-type: circle;
|
|
|
|
|
}
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list2 {
|
|
|
|
|
list-style-image: url(../../assets/image.jpg);
|
|
|
|
|
}
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list3 {
|
|
|
|
|
list-style-image: linear-gradient(60deg, deeppink, aquamarine);
|
|
|
|
|
list-style-position: inside;
|
|
|
|
|
}
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list4 {
|
|
|
|
|
}
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list5 {
|
|
|
|
|
list-style-type: lower-roman;
|
|
|
|
|
}
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list6 {
|
|
|
|
|
list-style-type: hiragana;
|
|
|
|
|
}
|
2017-12-16 00:55:27 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list7 {
|
|
|
|
|
list-style-type: simp-chinese-informal;
|
|
|
|
|
}
|
2017-12-21 17:39:02 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list8 {
|
|
|
|
|
list-style-type: lower-roman;
|
|
|
|
|
}
|
2017-12-21 17:39:02 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list8 li {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
2017-12-21 17:39:02 +03:00
|
|
|
|
2019-05-26 01:54:41 +03:00
|
|
|
.list9 {
|
|
|
|
|
display: list-item;
|
|
|
|
|
list-style-type: lower-alpha;
|
|
|
|
|
margin: 10px;
|
|
|
|
|
position: relative;
|
|
|
|
|
left: 200px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<ul class="list1">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<ul class="list2">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<ul class="list3">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<ol class="list4" start="-1">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ol>
|
|
|
|
|
<ol class="list5">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li value="5">Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ol>
|
|
|
|
|
<ol class="list6">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ol>
|
|
|
|
|
<ol class="list7">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ol>
|
|
|
|
|
<ol class="list8">
|
|
|
|
|
<li>Alpha</li>
|
|
|
|
|
<li>Beta</li>
|
|
|
|
|
<li>Gamma</li>
|
|
|
|
|
</ol>
|
|
|
|
|
<div class="list9">list-less Alpha</div>
|
|
|
|
|
<div class="list9">list-less Beta</div>
|
|
|
|
|
<div class="list9">list-less Gamma</div>
|
|
|
|
|
</body>
|
2017-12-21 17:39:02 +03:00
|
|
|
</html>
|
