fontVariant özelliği, yazı tipinin boyunu değiştirmeyerek "küçültülmüş büyük harf" olarak gösterilmesini sağlar.
Farklı bir ifadeyle küçük harfler yerine aynı boyda büyük harflerin kullanılmasını sağlar.
DOM Sözdizimi
element.style.fontVariant = "harfTipi"
CSS Sözdizimi
font-variant: harfTipi
harfTipi | normal ve small-caps değerlerini alır. small-caps değeri "yazı tipi boyunu küçültmeden", yazı tipini küçülterek büyük harf gösterilmesini sağlar. |
Aşağıdaki örnek, css font-variant özelliğinin normal ve small-caps değerleri ile kullanıldığında büyük ve küçük harf farklarını göstermektedir. Tırnak içindeki "Lorem Ipsum" kelimelerinin hepsinin baş harfi büyüktür.
<style type="text/css">
.bicimNormal {
font-size: 1pc;
font-variant: normal;
}
.bicimSmallCaps {
font-size: 1pc;
font-variant: small-caps;
}
</style>
<p class="bicimNormal">Bu paragraf "Lorem Ipsum Dolor Sit Amet" kelimeleri ile başlamamaktadır.</p>
<p class="bicimSmallCaps">Bu paragraf "Lorem Ipsum Dolor Sit Amet" kelimeleri ile başlamamaktadır.</p>
Canlı Sonuç
Bu paragraf "Lorem Ipsum Dolor Sit Amet" kelimeleri ile başlamamaktadır.
Bu paragraf "Lorem Ipsum Dolor Sit Amet" kelimeleri ile başlamamaktadır.