Ciri list-style-position
Ciri list-style-position menetapkan
cara penanda senarai dipaparkan:
di dalam atau di luar senarai ul
atau ol.
Sintaks
pemilih {
list-style-position: inside | outside;
}
Nilai
| Nilai | Keterangan |
|---|---|
inside |
Penanda terletak di dalam senarai. |
outside |
Penanda terletak di luar senarai. |
Nilai lalai: outside.
Contoh . Nilai inside
<ul>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Contoh . Nilai outside
<ul>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
<li>item senarai</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
Lihat juga
-
ciri
list-style-type,
yang menetapkan jenis penanda senarai -
ciri
list-style-type,
yang menetapkan jenis penanda senarai -
ciri
list-style,
yang merupakan singkatan untuk penanda
