css font-size özelliği, metnin yazı boyutunu belirlemek için kullanılır. Bu özellik metin işlemlerinde çok kullandığımız bir özelliktir. Yazıların büyüklüğünü istediğimiz ayarlararız. Genelde length yani uzunluk değeri çok tercih edilir. Uzunluk değerinde de pixel değerini daha çok kullanırız.
Aldığı parametreler:
length : Uzunluk değeri.
% : Yüzde değeri
small : Küçük
x-small : Çok küçük.
xx-small : En küçük.
medium : Orta
large : Büyük
x-large : Çok büyük
xx-large : En büyük
smaller : Daha küçük
larger : Daha büyük
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 {
width: 300px;
margin-bottom: 10px;
border: 1px solid black;
}
.one { font-size: 16px;}
.two { font-size: x-small; }
.three{ font-size: small; }
.four { font-size: medium;}
.five { font-size: large; }
.six{ font-size: x-large; }
</style>
<body>
<div class="one"> Tasarım ve Yazılım...one </div>
<div class="two"> Tasarım ve Yazılım...two</div>
<div class="three"> Tasarım ve Yazılım...three </div>
<div class="four"> Tasarım ve Yazılım...four </div>
<div class="five"> Tasarım ve Yazılım...five </div>
<div class="six"> Tasarım ve Yazılım...six </div>
</body>
</html>Html Çıktısı:
Başka bir yazımızda görüşmek üzere…
