fontSize özelliği, yazı tipi boyutunun belirtilmesini sağlar.
DOM Sözdizimi
element.style.fontSize = "fontBoyu"
CSS Sözdizimi
font-size: fontBoyu
fontBoyu | Aşağıdaki değerleri alarak yazı boyunu belirler.
- Yazı tipi boyunu gösteren aşağıdaki anahtar kelimelerden birini alabilir.
- smaller ve larger değerlerini alarak, elementin içinde bulunduğu ana elementinin yazı boyuna göre büyük veya küçük olarak belirtilebilir.
- Yüzde değer alarak ana elementinin yazı tipi boyuna göre ölçeklendirilebilir.
- CSS ölçü birimleri ile belirtilebilir.
|
Yazı tipi boyu belirlenirken kullanılabilecek em ve ex CSS Ölçü Birimleri ana elementin yazı tipi boyuna göre hesaplanır.
Yazı Tipi Boyu Anahtar Kelimeleri
font-size: | HTML font size | Örnek |
xx-small |
<font size="1"> |
myNotlar |
x-small |
<font size="2"> |
myNotlar |
small |
<font size="3"> |
myNotlar |
medium |
<font size="4"> |
myNotlar |
large |
<font size="5"> |
myNotlar |
x-large |
<font size="6"> |
myNotlar |
xx-large |
<font size="7"> |
myNotlar |
Yazı Tipi Boyu Büyüklük Oranları
font-size: | Örnek |
smaller |
Bu paragraftaki "myNotlar" kelimesi paragrafa göre "ufaktır". |
larger |
Bu paragraftaki "myNotlar" kelimesi paragrafa göre "büyüktür" |
Aşağıdaki örnek, CSS font-size özelliği ile yüzde oranı ve em ve ex CSS ölçü birimleri kullanılarak yazı boyu tanımlanmasını göstermektedir.
<style type="text/css">
.olcuEx {
font-size: 1.5ex;
}
.olcuEm {
font-size: 1.5em;
}
.yuzde10 {
font-size: 110%;
}
.yuzde20 {
font-size: 120%;
}
.yuzde30 {
font-size: 130%;
}
.yuzde40 {
font-size: 140%;
}
</style>
<p>Bir elementin yazı boyu
<span class="yuzde10">110%</span>,
<span class="yuzde20">120%</span>,
<span class="yuzde30">130%</span> ve
<span class="yuzde40">140%</span> gibi yüzde oranları belirterek ana elementinin
yazı boyuna göre tanımlanabilir. Ayrıca
"<span class="olcuEx">(1.5) ex birimi</span>" ve
"<span class="olcuEm">(1.5) em birimi</span>" gibi ana elementin yazı
boyuna bağlı diğer CSS ölçü birimleri de kullanılabilir.</p>
Canlı Sonuç
Bir elementin yazı boyu 110%, 120%, 130% ve 140% gibi yüzde oranları belirterek ana elementinin yazı boyuna göre tanımlanabilir. Ayrıca "(1.5) ex birimi" ve "(1.5) em birimi" gibi ana elementin yazı boyuna bağlı diğer CSS ölçü birimleri de kullanılabilir.