Hallo teman-teman balik lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang salah satu propertis yang ada di css yaitu text-indent, nah mungkin teman-teman
ada yang belum faham tentang fungsi propertis yang satu ini, untuk Lebih jelasnya, kita langsung saja praktek,
coba teman-teman buat 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>
untuk paragrafnya, teman-teman bisa buka lipsum.com untuk menggunakan text dummy, di atas saya membuat sebuah paragraf dengan tag p, nah sekarang coba tambahakan css internal seperti beriku:
<style>
p {
text-align:justify;
}
</style>jika sudah save dan jalankan pada browser maka hasilnya akan seperti berikut :
masih nampak seperti paragraf biasa, nah sekarang coba tambahkan pada script cssnya seperti berikut:
<style>
p {
text-indent: 70px;
text-align:justify;
}
</style>jika saya menambahkan propertis text-indent sebanyak 70px, maka hasilnya akan seperti berikut:
hasilnya baris pertama pada paragraf yang tadi kita buat akan lebih condong ke dalam sebanya 70px, nah itulah fungsi dari text-indent, oke cukup sekian dulu untuk tutorial kali ini, semoga bermanfaat,
terimakasih
The post Mengenal Fungsi propertis Text-indent CSS appeared first on Kursus Website Terbaik.