CSS font-size Özelliği

CSS font-size

Css özelliği ile metin içeren html elemanlarının yüksekliği ayarlanabilir.

Örnek:

Bu örnekte 4 paragraf elemanına "eren" isminin harfleri yazılıp hepsine farklı font-size değerleri uygulanmıştır.

.p1 { font-size: 100%; } .p2 { font-size: 200%; } .p3 { font-size: 400%; } .p4 { font-size: 800%; }

CSS font-size nedir nasıl kullanılır

Metinsel ifadelerin font yüksekliğinin ayarlanmasını düzenleyen css özelliğidir.

CSS font-size	CSS font-size özellikleri
Varsayılan Değer:	medium
Kalıtsallık:	var
Animasyon Özelliği:	var
Versiyon:	CSS1
JavaScript font-size:	object.style.fontSize="14px"

CSS font-size Tarayıcı Desteği

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

CSS Kodu:
font-size	1.0	5.5	1.0	1.0	7.0

CSS font-size Değerleri

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

CSS font-size özelliği değerleri

CSS font-size değerleri	CSS font-size değerleri tanımları	CSS örnek uygulamalar
medium	Bir orta boy font-size ayarlar. Bu varsayılan değerdir.
xx-small	Bir xx - küçük boyutu , yazı tipi boyutunu ayarlar.
small	Ekstra küçük boyutlu , yazı tipi boyutunu ayarlar
large	Ekstra büyük boyutlu, yazı tipi boyutunu ayarlar
x-large	Ekstra büyük boy yazı tipi boyutunu ayarlar -
xx-large	Bir xx - large boyuta font-size Setleri
smaller	Bir üst soy bağından daha küçük font yüksekliği alır.
larger	Bir üst soy bağından daha büyük font yüksekliği alır.
length	Px veya cm gibi istenilen değerde font yüksekliği olmasını sağlar
%	Yüzde değeri verilerek bir font büyüklüğü tercih edilebilir.
initial	Özelliğin varsayılan özelliğidir.
inherit	Soybağından gelen değeri alır.