CSS yazı-boyutu-ayarlandırma özelliği
- önceki sayfa font-size
- Sonraki sayfa font-stretch
Tanım ve Kullanım
font-size-adjust özelliği, bir element için bir aspect değeri belirler, böylece öncelikli yazıtipinin x-height'ini korur.
tanım
harflerin küçük harf "x" yüksekliği ile "font-size" yüksekliği arasındaki oran, bir yazıtipinin aspect değeri olarak adlandırılır. Yazıtipi yüksek aspect değeri sahipse, bu yazıtipi küçük boyutlarda daha okunabilir hale gelir. Örnek: Verdana'nın aspect değeri 0.58'dir (100px boyutta x-height'ı 58px anlamına gelir). Times New Roman'ın aspect değeri 0.46'dır. Bu, Verdana'nın küçük boyutlarda Times New Roman'dan daha okunabilir olduğunu anlamına gelir.
ayrıca bkz:
CSS eğitim:CSS yazı tipi
CSS referans el kitabı:CSS yazı özelliği
HTML DOM referans el kitabı:fontSizeAdjust özelliği
örnek
farklı HTML öğelerinin font-size-adjust özelliklerini ayarlama:
h1 { font-size-adjust:0.58; } p { font-size-adjust:0.60; }
CSS dilbilgisi
font-size-adjust: number|none|initial|inherit;
özellik değeri
değer | tanım |
---|---|
yok | varsayılan. Bu yazıtipi kullanılamıyorsa, bu yazıtipinin x-height'ini korumaz. |
number |
yazıtipinin aspect değerini tanımlayan oran. kullanılabilir formül:tercih edilen yazıtipinin harf boyutu * (font-size-adjust değeri / mevcut yazıtipinin aspect değeri) = mevcut yazıtipine uygulanacak harf boyutu örnek:14px'lik Verdana (aspect değeri 0.58) kullanılamıyorsa, mevcut bir yazıtipinin aspect değeri 0.46 ise, alternatif yazıtipi boyutu 14 * (0.58/0.46) = 17.65px olacaktır. |
teknik ayrıntılar
varsayılan değer: | yok |
---|---|
miras edilebilirlik: | evet |
sürüm: | CSS2 |
JavaScript dilbilgisi: | object.style.fontSizeAdjust="0.70" |
TIY örneği
- font-size-adjust ile harf boyutunu ayarlama
- font-size-adjust ile harf boyutunu nasıl ayarladığınızı bu örnekte gösteriyoruz.
tarayıcı desteği
tablo içindeki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
desteklenmiyor | desteklenmiyor | 3.0 | desteklenmiyor | desteklenmiyor |
- önceki sayfa font-size
- Sonraki sayfa font-stretch