Örnek
Bir yazı tipini ayarlama <p> elemanı:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Kendin dene " Tanımı ve Kullanımı
Yazı tipi özelliği, ayarlar veya bir steno formunda, altı ayrı yazı özelliklerine kadar döner.
Bu özellik sayesinde, (bu sırayla) aşağıdaki dönmek / ayarlayabilirsiniz:
- yazı stili
- Font-variant
- yazı ağırlıklı
- yazı Boyutu
- satır yüksekliği
- font ailesi
font-size ve font-family gereklidir. diğer değerlerden biri eksikse varsa, varsayılan değerler, eklenecektir.
Yukarıdaki özellikleri de ayrı stil özellikleri ile ayarlanabilir. Ayrı özelliklerinin kullanılması önemle daha iyi kontrol edilebilirlik olmayan gelişmiş yazarlar için önerilmektedir.
Tarayıcı Desteği
Yazı tipi özellik tüm büyük tarayıcılarda desteklenir.
Sözdizimi
font özelliğini Dönüş:
object .style.font
font özelliğini ayarlayın:
object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| style | font-style ayarlar |
| variant | Kısa harfli yazı metni ayarlar |
| weight | fontun kalınlığı belirler |
| size | yazı boyutunu ayarlar |
| lineHeight | çizgi arasındaki mesafeyi belirler |
| family | font face ayarlar |
| caption | Başlığıyla kontroller için kullanılan yazı tipi (like buttons, drop-downs, etc.) |
| icon | etiket simgeleri için kullanılan yazı tipi |
| menu | menülerde kullanılan yazı tipi |
| message-box | iletişim kutularında kullanılan yazı tipi |
| small-caption | küçük kontrollerde kullanılan yazı tipi |
| status-bar | Pencere durum çubuğunda kullanılan yazı tipi |
| 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 |
Teknik detaylar
| Varsayılan değer: | belirtilmemiş |
|---|---|
| Geri dönüş değeri: | elemanının farklı yazı tipi özelliklerini temsil eden bir String, |
| CSS Sürüm | BB1 |
Diğer Örnekler
Örnek
Bir yazı tipini döndürür <p> elemanı:
alert(document.getElementById("myP").style.font); Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Yazı
CSS referansı: font property
<Stil Nesne