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ı:

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…