Css font-variant Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Css font-variant Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(1614)
RAPOR ET
Bu dersimiz de css'in font-variant özelliğini işleyeceğiz.Font variant küçük harfleri büyüye ve büyük harflerin boyuttunu ise az daha büyüye çevirir.Bu şekilde baş harf vurgulanmış olur.Kullanımına geçelim.

Baş harflerini vurgulamak istediğimiz alanı seçip css'ine
font-variant:small-caps;

vermemiz yeterlidir.Bu şekil de tüm harflere büyüğe dönüp baş harfte vurgulanacaktır.

Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<style type="text/css">
span{font-size:30px;}
.ince{font-variant:small-caps;}
.verdana{font-family:Verdana;}
.impact{font-family:Impact;}
.palatino{font-family:Palatino;}
</style>
</head>
<body>

<span class="verdana">UstaDerslik</span><br /> <span class="ince verdana">UstaDerslik</span> <br /><br />
<span class="impact">UstaDerslik</span><br /> <span class="ince impact">UstaDerslik</span> <br /><br />
<span class="palatino">UstaDerslik</span><br /> <span class="ince palatino">UstaDerslik</span> <br /><br />

</body>
</html>

Görüntüsü :
http://ustaderslik.com/resim/ders/d221fasds1.png
Üstekiler normal,alttakiler font-variant uyguladıklarımız.Kullanımı bu kadar.Bu özelliği paragrafların ilk kelimesini vurgulamak için veya başlıklarda kullanabiliriz.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol