Stil yazı tipi Özellik
Örnek
Bir öğenin yazı tipini ayarlayın:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Tanım ve Kullanım
Yazı tipi özelliği, bir stenografi biçiminde altı adede kadar ayrı yazı tipi özelliğini ayarlar veya döndürür.
Bu özellik ile aşağıdakileri ayarlayabilir/döndürebilirsiniz (bu sırayla):
- yazı stili
- yazı tipi değişkeni
- yazı tipi ağırlığı
- yazı Boyutu
- satır yüksekliği
- font ailesi
Yazı tipi boyutu ve yazı tipi ailesi gereklidir. Diğer değerlerden biri eksikse, varsa varsayılan değerler eklenecektir.
Yukarıdaki özellikler, ayrı stil özellikleriyle de ayarlanabilir. Daha iyi kontrol edilebilirlik için ileri düzeyde olmayan yazarlar için ayrı özelliklerin kullanılması şiddetle tavsiye edilir.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Yazı tipi özelliğini döndürün:
object.style.font
Yazı tipi ö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ülk değerleri
Value | Description |
---|---|
style | Sets the font-style |
variant | Sets the text in a small-caps font |
weight | Sets the boldness of the font |
size | Sets the size of the font |
lineHeight | Sets the distance between lines |
family | Sets the font face |
caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
icon | The font used to label icons |
menu | The font used in menus |
message-box | The font used in dialog boxes |
small-caption | The font used in small controls |
status-bar | The font used in window status bars |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | belirtilmemiş |
---|---|
Geri dönüş değeri: | Öğenin farklı yazı tipi özelliklerini temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir öğenin yazı tipini döndür:
alert(document.getElementById("demo").style.font);
İlgili Sayfalar
CSS eğitimi: CSS Yazı Tipi
CSS referansı: yazı tipi özelliği
❮ Stil Nesnesi