Mengenal Fungsi Properties Text-indent CSS
Hallo teman-teman balik lagi di panduan Source Code Aplikasi, di panduan kali ini saya akan membahas mengenai diantara properties yang terdapat di CSS yaitu text-indent, nah mungkin teman-teman.
Ada yang belum faham mengenai guna properties yang satu ini, bagi Lebih jelasnya, kita seketika saja praktek,
coba teman-teman bikin sebuah file HTML dan ketikan script berikut:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
It has survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged.</p>
</body>
</html>
Bagi paragrafnya, teman-teman dapat buka lipsum.com bagi menggunakan text dummy, di atas saya merancang sebuah paragraf dengan tag p, nah kini coba tambahkan CSS internal seperti berikut:
<style>
p {
text-align:justify;
}
</style>
Bila telah save dan jalankan di browser karenanya hasilnya akan seperti berikut :
Masih nampak seperti paragraf lazim, nah kini coba tambahkan di script cssnya seperti berikut:
<style>
p {
text-indent: 70px;
text-align:justify;
}
</style>
Bila saya menambahkan properties text-indent sebanyak 70px, karenanya hasilnya akan seperti berikut:
Hasilnya baris pertama-tama di paragraf yang tadi kita bikin akan lebih condong ke pada sebanyak 70px, nah seperti itulah guna dari text-indent, oke lumayan demikianlah dulu bagi panduan kali ini, semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org