Hallo teman-teman, kali ini kita akan belajar mengenai fungsi font-style pada CSS. Apa itu font-style ?. Font-style itu adalah sebuah fungsi CSS yang dapat memberikan efek teks menjadi italic. Pada HTML mungkin teman-teman sudah tahu tag <i> fungsinya untuk membuat teks menjadi efek miring. Nah pada CSS untuk membuat efek seperti itu bisa menggunakan font-style. Kelebihanya dibanding dengan menggunakan tag <i> adalah lebih efisien jika yang ingin diberi efek banyak. Sebagai contoh mari kita ikuti code dibawah ini.

Menggunakan tag <i>

1

Pada gambar diatas setiap paragraf diberikan tag <i> agar teks menjadi miring, dan hasilnya seperti ini.

2

Menggunakan font-style

3

Jika menggunakan font-style, maka hanya perlu menentukan bagian mana yang ingin diberi efek, kemudian berikan fungsi font-style:italic untuk efek teks miring.

4

Lebih efisien dan hasilnya pun sama.

Sekian pembahasan mengenai fungsi font-style pada CSS, semoga bermanfaat.