Properti list-style-position
Properti list-style-position mengatur
bagaimana penanda daftar akan ditampilkan:
di dalam atau di luar daftar ul
atau ol.
Sintaks
selector {
list-style-position: inside | outside;
}
Nilai
| Nilai | Keterangan |
|---|---|
inside |
Penanda berada di dalam daftar. |
outside |
Penanda berada di luar daftar. |
Nilai default: outside.
Contoh . Nilai inside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Contoh . Nilai outside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Lihat juga
-
properti
list-style-type,
yang mengatur jenis penanda daftar -
properti
list-style-type,
yang mengatur jenis penanda daftar -
properti
list-style,
yang merupakan singkatan untuk penanda
