Örnek
tek bildiriminde tüm font özelliklerini belirtin:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
yazı stenografi özelliği tek bildiriminde tüm font özelliklerini ayarlar.
Ayarlanabilir özellikleri vardır (in order) : "font-style font-variant font-weight font-size/line-height font-family"
font-size ve font-family değerleri gereklidir. diğer değerlerden biri eksikse varsa, varsayılan değerler, eklenecektir.
Note: line-height özellik satırlar arasındaki boşluğu ayarlar.
| Varsayılan değer: | The default value of all the font properties |
|---|---|
| Miras: | yes |
| canlandırılabilir: | yes, see individual properties . Read about animatable Try it |
| Versiyon: | CSS1 |
| JavaScript sözdizimi: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Not: Aşağıdaki her değer için ayrı bir tarayıcı desteği Bkz.
CSS sözdizimi
font: Mülkiyet Değerler Mülk değeri Açıklama font-style Yazı tipi stilini belirtir. Varsayılan değer "normal" . Bkz font-style olası değerler için font-variant Yazı tipi varyantı belirtir. Varsayılan değer "normal" . Bkz yazı tipi varyant olası değerleri için font-weight Font ağırlığını belirtir. Varsayılan değer "normal" . Bkz yazı tipi ağırlığı olası değerleri için font-size/line-height yazı tipi boyutunu ve satır yüksekliğini belirtir. Varsayılan değer "normal" . Bkz yazı tipi boyutunu ve satır yüksekliği olası değerleri için font-family font ailesini belirtir. Varsayılan değer tarayıcıya bağlıdır. Bkz font-family olası değerler için caption başlığıyla denetimleri tarafından kullanılan yazı tipini kullanır (düğmeler gibi, açılan çıkışlar, vs.) icon simge etiketleri tarafından kullanılan yazı tipini kullanır menu Açılır menülerden tarafından kullanılan yazı tiplerini kullanır message-box iletişim kutuları tarafından kullanılan yazı tiplerini kullanır small-caption başlık yazı tipi daha küçük sürümü status-bar durum çubuğunda tarafından kullanılan yazı tiplerini kullanır initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
Diğer yazı mülkiyet değerlerinden bazılarını bir gösteri.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Yazı
HTML DOM referansı: font property