|
Font Özellikleri
Font ö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.
|