Fungsi Properties List-Style-Position CSS
Hallo teman-teman, bertemu lagi di panduan Source Code Aplikasi, di panduan kali ini kita akan membahas mengenai kegunaan properties list-style-position di CSS.
Untuk teman-teman yang telah lama terjun di dunia situs pasti acap kali menggunakan tag ul dan li bagi membangun sebuah list-list pada situs, ketika di sebuah situs kita ingin membangun sebuah list karenanya script yang akan kita tuliskan ialah seperti berikut :
<ul>
<li>List Pertama-tama</li>
<li>List kedua</li>
<li class=tab>ketiga</li>
</ul>
Jikalau telah coba teman-teman save dan lihat hasilnya, karenanya hasilnya akan seperti berikut :
Nah, coba kini tambahkan script CSS berikut dengan internal CSS :
.tab {
list-style-position: inside;
}
Sehingga keseluruhan script-nya ialah selaku berikut:
<html>
<head>
<title>Latihan</title>
<style>
.tab {
list-style-position: inside;
}
</style>
</head>
<body>
<ul>
<li>List Pertama-tama</li>
<li>List kedua</li>
<li class=tab>ketiga</li>
</ul>
</body>
</html>
Saya mengatur class tab sengan properties list-style-position dengan nilai inside karenanya hasilnya akan seperti berikut :
Terlihat kegunaan dari properties yang satu ini ialah membangun diantara listnya menjorok kebagian pada, oke teman-teman demikianlah dulu panduan kali ini semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org