Font Özellikleri
Font ÖzellikleriFont özelliklerini değiştirmeye yarayan bir stil şablon özelliğidir.Örneklerle açıklamaya çalışalım....
Html Etiketi | Etiketin Web Sayfasındaki görüntüsü |
<html> <body> <head> <title>Css</title> <style type="text/css"> <!-- p { font-size : 13pt; font-family : Verdana ; font-weight : bold; font-style : italic; color : red; } --> </style> <body> <p>Web Bilgileri</p> </body> </html> |
Web Bilgileri |
font-size : Font büyüklüğünü belirtir.İsterseniz aşağıdaki gibi standart değerleri seçersiniz; isterseniz direkt olarak punto(pt) değerini verebilirsiniz.
xx-large (en büyük ) x-large (biraz büyük)
large (büyük) medium (orta)
small (küçük) x-small (biraz küçük) xx-small (en küçük)
font-family : Font tipini belirler.Arial, Courier, Verdana gibi font isimlerini alabilir.
font-weight : Fontun kalınlı incelik durumunu belirler.Bu özellik yazılmadığında normal özellik alınır.
bold : Fontu kalın yapar. normal : Fontun normal halde olmasını sağlar.
font-style : Fontun yatık olup olmamasını sağlar.Bu özellik yazılmadığında normal özellik alınır.
italic : Yazının sağa doğru yatık olmasını sağlar. normal : Fontu normal halde olmasını sağlar.
color : Fontun rengini belirler.Blue, red,green gibi renklerin ingilizce karşılıklarını alabilir. Örnek ile açıklayalım.
Html Etiketi | Etiketin Web Sayfasındaki görüntüsü |
<html> <body> <head> <title>Css</title> <style type="text/css"> <!-- p {font-size : 13pt; font-family : Verdana ; font-weight : bold; font-style : italic; color : red; text-transform : lowercase; } --> </style> <body> <p>Web Bilgileri</p> </body> </html> |
web bilgileri |
Alt özellikleri tanıyalım. text-transform :
lowercase : Yazının tümünün küçük harf olmasını sağlar. uppercase : Yazının tümünün büyük harf olmasını sağlar.
capitalize : Yazının istenilen şekilde kalmasını sağlar.
text-decoration :
underline : Yazının altının çizili olmasını sağlar. overline : Yazının üstünün çizili olmasının sağlar.
line-through : Yazının üstünün çizili olmasını sağlar. none : Yazının herhangi bir yerine çizgi çekilmemesini sağlar.
text-align:
left: Yazının sola bitişik olmasını sağlar. center : Yazının ortada olmasının sağlar.
right : Yazının sağa bitişik olmasını sağlar.
line-height :Yazının normal satırdan çizgi yüksekliğini belirler. 3px, 5px gibi değişik değerler alabilir.
text-ident : Yazının soldan ne kadar boşlukla içeriden başlayacağını belirler. 5px, 10px değişik değerler alabilir.