CSS'de font Özelliği
CSS1
font özelliği, tüm diğer font özelliklerinin kısa yoldan kullanımıdır. Bu font özellikleri ise şunlardır;
font-size ve font-family tanımları mutlaka olmak zorundadır. Diğerleri isteğe bağlı kullanılabilir.
Yapısı (Syntax)font: font-style font-variant font-weight font-size/line-height font-family
| Varsayılan Değer | 16px Arial |
| JavaScript Yapısı |
object.style.font="italic small-caps bold 15px Arial, 'sans-serif'"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| font-style | Yazı için font stilini belirler. Varsayılan değeri "normal". | CSS1 |
| font-variant | Yazının küçük harfli fontta görünüp görünmeyeceğini belirler. Varsayılan değeri "normal". | CSS1 |
| font-weight | Yazı tipi kalınlığını belirler. Varsayılan değeri "normal". | CSS1 |
| font-size | Yazı tipini belirler. Varsayılan değeri "normal". | CSS1 |
| line-height | Yazının satır yüksekliğini belirler. Varsayılan değeri "100%" | CSS1 |
| font-family | Yazının fontunu belirler. Varsayılan değer tarayıcıya göre değişir. | CSS1 |
Örnekler
Aşağıdaki örnek tüm özelliklerin kullanımını içeriyor. Burada sırasıyla eğik, küçük harfli büyük gösterimi, kalın, 20px yazı boyutu, %140 satır yüksekliği ve arial fontu belirtiliyor.
p {
font: oblique small-caps bold 20px/140% Arial, 'sans-serif';
}Sıkça font-size/line-height şeklinde kullanılır.
body {
font: 14px/20px 'Open Sans';
}