Membuat Huruf Awal Paragraf Menjadi Besar – HTML & CSS
Huruf Pertama Paragraf Lebih Besar Dari Umumnya
Pada kesempatan kali ini, kita akan membahas tutorial membuat huruf awal pada sebuah paragraf menjadi besar (large). Kita pasti sering lihat pada sebuah buku / artikel / cerpen / website / blog atau apapun yang berisi tulisan dan paragraf, memiliki huruf awal atau huruf pertamanya berukuran besar atau ekstra besar. Itu merupakan salah satu seni dalam penulisan sebuah paragraf sejak jaman dulu, begitu pula pada paragraf HTML.
Cara membuat huruf pertama pada paragraf menjadi besar cukup gunakan code berikut:
p::first-letter {
font-size: xx-large; float-left; line-height: 60px;
}
Tempelkan code tersebut di CSS, contohnya disini memanggil tag p untuk paragraf yang bersangkutan. Silahkan sesuaikan saja jika ingin menggunakan id atau nama class pun tidak jadi masalah. Simpan dan lihat hasilnya, berhasil !
Seperti diatas, ketika ingin memanggil tag p perlu ditambahkan ::first-letter setelahnya begitu juga id atau class. Bisa juga menggunakan cara lain seperti memasukkan huruf pertama kedalam tag span dan diberi class kemudian pada style nya di panggil class tersebut memiliki huruf besar dan gaya lain yang diperlukan.
Baca Juga:
Masih bingung ? Lihat : Video Tutorial Cara Membuat Huruf Besar di Awal Paragraf (Dan Penjelasan Lengkapnya).
Selamat mencoba !