CSS'de font-style Nedir?

CSS'de font-style, yazı fontunun stilini belirtmek için kullanılan bir özelliktir. Bu özellik, yazı fontunun normal, eğik veya kalın eğik olarak görüntülenmesini kontrol eder.
Normal font stilinde, yazı düz olarak görünürken, eğik font stilinde metin sağa doğru 10-15 derece eğik olarak görüntülenir. Kalın eğik font stilinde ise metin daha kalın ve sağa doğru eğik olarak görüntülenir.
Özellik değeri normal, italic ve oblique olabilir. Normal, yazıyı düz bir şekilde görüntüler, italic eğik bir font stilinde yazdırırken, oblique ise normalden daha dik bir açıya sahip bir eğik font stilini kullanır.
Örnek kodlar:
.normal {
font-style: normal;
}
.italic {
font-style: italic;
}
.oblique {
font-style: oblique;
}
Yukarıdaki örnek kodlarda, normal, italic ve oblique font stillerini belirleyen font-style özelliğini kullanıyoruz. .normal, .italic ve .oblique sınıfları farklı font stillerini temsil etmek için kullanılıyor.
Tüm örnek kodlar aşağıdaki gibi görünecek:
.normal {
font-style: normal;
}
.italic {
font-style: italic;
}
.oblique {
font-style: oblique;
}
Normal font stilindeki metin
Italic font stilindeki metin
Oblique font stilindeki metin
Yukarıdaki örnek kodlar, normal, italic ve oblique font stillerinde yazılmış 3 farklı metin örneği içerir. Bu örnekler, font-style kullanılarak her bir metin için farklı bir stil belirleyerek oluşturuldu.
Sonuç olarak, font-style CSS özelliği, yazı fontunun stilini belirleyen bir özelliktir. Bu özellik, normal, eğik veya kalın eğik font stillerini kullanarak metnin görünümünü değiştirir.