css font-style nedir? nasıl kullanılır?

css font-style özelliği, yazının stilini belirlemek için kullanılır. Eğik, kalın ve normal yazı tipi özelliklerini html sayfalarımıza uygulamak için kullanırız.

Aldığı parametreler:
normal : normal yazı tipi
italic : italik yazı tipi (Eğik)
oblique : Eğik yazı tipi
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.

Örnek :


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>    
        div   { margin-bottom: 10px; }
        .one  { font-style:normal; }
        .two  { font-style: italic; }
        .three{ font-style: oblique; }
    </style>
<body>
    <div class="one">Tasarım ve Yazılım...</div>
    <div class="two">Tasarım ve Yazılım...</div>
    <div class="three">Tasarım ve Yazılım...</div> 
</body>
</html>

Html Çıktısı:

css font-style

Not : italic ile oblique yazi stili arasında sonuç olarak fark yoktur. Ama italic genel de yazı ailesinde italic özelliği varsa kullanılması tavsiye edilendir.

Başka bir yazımızda görüşmek üzere…

Leave a Reply