css font-variant özelliği, küçük harfli metinlerin boyutu değiştirilmeden büyük harfe dönüştürür. Bazen daha güzel görünüşler için kullanılır.
Aldığı parametreler:
normal : Normal değeri.
small-caps : Küçük harfler boyutu korunarak büyük harfe dönüştürür.
inherit : Bir üstteki elementten miras alır.
initial : Varsayılan değere çevirir.
Örnek :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
div {
font-size: 24px;
margin-bottom: 10px;
font-variant: small-caps;}
.one { font-variant: normal; }
.two { font-variant: small-caps; }
.three{ font-variant: initial; }
</style>
<body>
<div class="one">Tasarım ve Yazılım...</div>
<div class="two">Tasarım ve Yazılım...</div>
<div class="three">Tasarım ve Yazılım...</div>
</body>Html Çıktısı:
Başka bir yazımızda görüşmek üzere…
