Fungsi Font Style

Fungsi Font Style - Banyak sekali property didalam CSS yang bisa kita manfaatkan untuk melakukan banyak style pada halaman website, misalnya saja untuk melakukan layouting position float dan masih bnayak lagi. Nah pada kesempatan kali ini saya akan membahas satu properti yang mungkin sering dipakai didalam pembuatan desain web yaitu font style.

Font style merupakan properti CSS yang bisa kita manfaatkan untuk melakukan style terhadap tulisan atau mengubah tulisan secara default penulisan font style pada CSS sebagai berikut.

selector {
    font-style: normal | italic | oblique;
}

Dimana ada tiga nilai yang bisa dipakai, seperti diatas (normal, italic, oblique), kemudian bagaimana cara mengaplikasikan font style ? berikut akan saya contohkan bagaimana font style digunakan pada elemen teks.

Silahkan kalian bisa ketikan sintak HTML dibawah untuk membuat beberapa kalimat yang akan diberikan style.

<body>
    <p>Ini kalimat kesatu</p>
    <p>Ini kalimat kedua</p>
    <p>Ini kalimat ketiga</p>
    <p>Ini kalimat keempat</p>
</body>

Selanjutnya, semua elemen teks diatas akan diberikan style, tinggal kalian berikan properti CSS yaitu font-style dan juga valuenya seperti berikut.

<style>
    p {
        font-style: italic;
    }
</style>

Meskipun ada cara lain cara mengubah style pada teks namun dengan cara ini sangatlah dianjurkan karena akan lebih efisien. Baiklah, cukup sekian pembahasan CSS tentang Fungsi Font Style semoga pembahasan ini bermanfaat, sampai jumpa

22 Juni 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat