CSS yazı-ölçü özelliği

Tanım ve kullanım

font-size özelliği, yazı boyutunu ayarlamak için kullanılır.

Açıklama

Bu özellik, elementin yazı boyutunu ayarlar. Dikkat edin ki, aslında bu, karakter çerçevelerinin yüksekliğini ayarlar; gerçek karakter kalıpları bu çerçevelerden daha yüksek veya daha kısa olabilir (genellikle daha kısa olacaktır).

Her anahtar kelimenin karşılık gelen yazı boyutu, bir en küçük anahtar kelimenin karşılık gelen yazı boyutundan daha yüksek olmalıdır ve bir bir sonraki en büyük anahtar kelimenin karşılık gelen yazı boyutundan daha küçük olmalıdır.

Daha fazla bilgi için bkz:

CSS eğitimi:CSS Yazı Tipi

CSS referans el kitabı:CSS yazı özelliği

HTML DOM referans el kitabı:fontSize özelliği

Örnek

Farklı HTML elemanlarının boyutlarını ayarlayın:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Kişisel olarak deneyin

CSS dilbilgisi

font-size:orta|xx-küçük|x-küçük|küçük|orta|x-orta|xx-orta|küçültüktür|büyüktür|length|initial|inherit;

Özellik değeri

Değer Açıklama
  • xx-küçük
  • x-küçük
  • küçük
  • orta
  • orta
  • x-large
  • xx-large

Farklı boyutlarda yazı boyutunu ayarlayın, xx-small'dan xx-large'ye.

Öntanımlı değer: orta.
küçültüktür font-size'ı ebeveyn elemanından daha küçük bir boyuta ayarlayın.
büyüktür font-size'ı ebeveyn elemanından daha büyük bir boyuta ayarlayın.
length font-size'ı sabit bir değere ayarlayın.
% font-size'ı ebeveyn elemanına dayalı bir yüzdelik değer olarak ayarlayın.
inherit Yazı boyutunu belirlemek için ebeveyn elemanından miras almayı gerektirir.

Teknik ayrıntılar

Öntanımlı değer: orta
Mirasçılık: evet
Sürüm: CSS1
JavaScript dilbilgisi: object.style.fontSize="büyüktür"

TIY örneği

Yazı boyutunu ayarlama
Bu örnek, nasıl yazı boyutunu ayarladığınızı gösterir.

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0