Fungsi Font Style

22/06/2020    Risman Hakim    235     Website

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

HTML CSS

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More