CSS font Özelliği

CSS font

Css font Metinsel yazıların tüm özelliklerinin düzenlenmesini sağlayan özelliktir.

Örnek:

Bu örnekte iki farklı p elemanına farklı değerlerde font özelliği kullanılmıştır.

p.font1 { font: 15px arial, sans-serif; } p.font2 { font: italic bold 12px/30px Georgia, serif; }

CSS font nedir nasıl kullanılır

Yazıların bir çok sitil ayarlarının yapılmasını sağlayan css özelliğidir.

Tek kısa bildiriminde bütün yazı özelliklerini ayarlar .

CSS font CSS font özellikleri  
Varsayılan Değer: varsayılan değerdir  
Kalıtsallık: var  
Animasyon Özelliği: var
Versiyon: CSS1  
JavaScript font: object.style.font="italic small-caps bold 16px arial, sans-serif";

CSS font Tarayıcı Desteği

Tablodaki sayılar özelliği ilk destekleyen tarayıcı sürümlerini göstermektedir.

CSS Kodu:
font 1.0 4.0 1.0 1.0 3.5

CSS font Değerleri

font:font-style|font-variant|font-weight|font-size|line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

CSS font özelliği değerleri

CSS font değerleri CSS font değerleri tanımları
font-style Yazı stilini belirtir. Varsayılan değer "normal " dir.
font-variant Yazı tipi varyantı belirtir. Varsayılan değer "normal " dir.
font-weight Font ağırlığını belirtir . Varsayılan değer "normal " dir.Yazının kalınlığını değiştirir.
font-size Yazı tipi boyutu ve satır yüksekliğini belirler. Varsayılan değer "normal " dir.
font-family Font ailesini belirtir. Varsayılan değer tarayıcıya bağlıdır.
caption Başlığıyla kontroller tarafından kullanılan yazı tipini kullanır
icon Simge etiketleri tarafından kullanılan yazı tipini kullanır
menu Açılan menüleri 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ı tipinin daha küçük bir versiyonu
status-bar Durum çubuğunda kullanılan yazı tiplerini kullanır
initial Özelliğin varsayılan değeridir.
inherit Soybağından gelen değeri kullanır.

Yorumlar

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

HTML5 Canvas Oyun Yapımı Dersleri

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

YouTube Reklam Engelleyici

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin

Linklerin Renklerini Değiştirme Örnek