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ü :
Ü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.
UstaDerslik
