myNotlar Logo

fontVariant


Internet Explorer Firefox Opera

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
harfTipinormal 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.

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |