Anasayfa


Haber bülteni üyeliği



Ziyaret Bilgileri

[ Per, 21 Kas 2024 ]
Toplam 15 ziyaret
14 benzersiz ziyaretçi

css » CSS Fontları

CSS Fontları

HTML dosyanızdaki Fontları değiştirmenize ve düzenlemenizi sağlar.

Örnekler
Font Belirleme

<html>
<head>
<style type="text/css">
h1 {font-family: Impact}
p.bir {font-family: "Bookman Old Style"}
p {font-family: "Comic Sans MS"}
</style>
</head>

<body>

<h1> Bu bir baslik </h1><br>
<p class="bir">Bu bir paragraf</p><br>
<p>Bu bir paragraf</p>

</body>
</html>
ornek1

Manşet (caption) Özelliği İle Hazırlanan Metin
<html>

<style type="text/css">
p.sinif {font: caption}
</style>

<body>

<p>Bu bir paragraf</p>
<p class="sinif">Bu da captionlu paragraf</p>

</body>
</html>
ornek2

Font Büyüklüğü Ayarı
<html>
<style type="text/css">
h1 {font-size: xx-large}
h1.bir {font-size: x-large}
p {font-size: large}
</style>

<body>
<h1>Bu birinci baslik</h1>
<h1 class="bir">Bu ikinci baslik</h1>
<p>Bu bir paragraf</p>
</body>
</html>

ornek3


Font Büyüklüğünün size-adjust ile Ayarlanması
<html>
<style type="text/css">
h1 {font-size-adjust: 0.50}
h1.bir {font-size-adjust: 0.40}
p {font-size-adjust: 0.60}
</style>

<body>
<h1>Bu birinci baslik</h1>
<h1 class="bir">Bu ikinci baslik</h1>
<p>Bu bir paragraf</p>
</body>
</html>

ornek4

Font Stil Ayarları
<html>
<style type="text/css">
h1 {font-style: italic}
h1.bir {font-style: normal}
p {font-style: oblique}
</style>

<body>
<h1>Bu birinci baslik</h1>
<h1 class="bir">Bu ikinci baslik</h1>
<p>Bu bir paragraf</p>
</body>
</html>

ornek5

Variant Stil Ayarları
<html>
<style type="text/css">
p.bir {font-variant: small-caps}
</style>

<body>

<p class="bir">Bu bir paragraf</p>
<p>Bu bir paragraf</p>
</body>
</html>

ornek6

Birlikte Kullanılan Birkaç Özellik
<html>
<style type="text/css">
p {font-weight: bold;font-variant: small-caps;font-style: oblique;font-size: xx-large}
</style>

<body>

<p>Bu bir paragraf</p>

</body>
</html>

ornek7

 Sonraki ders için tıklayınız...

Editör Bilgileri

Mehmet Emrah Konya

Zibidi


Editöre Ulaşın

En Son Güncellenenler

ikinci-jeanpaul
freebsd
apiterapi
aramamotorlari
uyku
kazimkoyuncu
peyzaj

Uzerine.com Copyright © 2005 Uzerine.com
uzerine.com Ana Sayfa | Gizlilik Sözleşmesi | Üye Girişi