Bilisim
css-font-text
CSS font ve text özellikleri
CSS ile yazilari biçimlendirebilmek için font ve text özelliklerini inceleyecegiz.
Font ile ilgili kodlar: font-family, font-weight, font-size, font-style, font-variant
Text ile ilgili kodlar: text-align, text-decoration, text-transform, text-indent, word-spacing, letter-spacing, line-height
1. Font
font-family: Yazinin fontunu belirler. Örn: Tahoma, Arial, Verdana, Trebuchet MS, Georgia
font-weight: Harflerin genisligini belirler. Aldigi degerler: lighter, bold, normal
Bu kodu kullandiginizda harflerin tamami ince olur.
Bu kodu kullandiginizda harflerin tamami kalin olur.
Bu kodu kullandiginizda harfler normal kalinliginda görülür. Eger siz yazinin oldugu bölüme baska bir kod ile kalin olma özelligi verdiyseniz yazi kalin, ince özelligi verdiyseniz ince görünür. Kalin olma özelligi verdiyseniz ve ince görünsün istiyorsaniz lighter degerini kullanmalisiniz.
font-size: Yazinin büyüklügünü belirler.
font-style: Yazinin egimli ya da normal olacagini belirler. Aldigi degerler: normal, italic, oblique
Bu kodu kullanirsaniz yazi daha önceden nasil belirlenmisse öyle görünür.
Yazinin italik görünmesini saglar.
Yazinin egik görünmesini saglar. italic ile ayni islevi görür diyebiliriz.
font-variant: Bu kod ile yaziyi normal ya da tamami büyük sekilde yazabilirsiniz. Aldigi degerler: normal, small-caps
Bu kod normalde nasil belirlenmisse öyle görünmesini saglar.
Bu kod yazinin tamaminin büyük harfle yazilmasini saglar.
bu yazida small-caps degeri kullanilmistir.
2. Text
text-align: Yaziyi belirlediginiz hizaya sokar. Aldigi degerler: left, right, center, justify
text-decoration: Alti çizili, üstü çizili, ortasi çizili, yanip sönen yazilar yazabilmenizi saglar: Aldigi degerer: underline, overline, blink, line-through, none
Yaziyi alti çizili gösterir.
Yaziyi üstü çizili gösterir.
Yazinin yanip sönmesini saglar. Her tarayici bu kodu desteklemeyebilir.
Yazinin ortasinin çizili görünmesini saglar.
text-transform: Yazida kelimelerin bas harfini büyük, tamamini küçük ya da tamamini büyük gösterebilmenizi saglar. Aldigi degerler: capitalize, uppercase, lowercase, none
Kelimelerin bas harflerinin büyük görünmesini saglar.
Tüm harflerin büyük görünmesini saglar.
Tüm harflerin küçük görünmesini saglar.
text-indent: Paragraflarin girintilerini ayarlar.
word-spacing: Kelimeler arasindaki bosluklari ayarlar. Örn: 1ex, 1.5ex
letter-spacing: Harfler arasindaki bosluklari ayarlar. Örn: 0.3ex, 0.75ex
line-height: Satirlar arasindaki bosluklari ayarlar. Örn: %50, %100, 0.7ex
CSS ile yazilari biçimlendirebilmek için font ve text özelliklerini inceleyecegiz.
Font ile ilgili kodlar: font-family, font-weight, font-size, font-style, font-variant
Text ile ilgili kodlar: text-align, text-decoration, text-transform, text-indent, word-spacing, letter-spacing, line-height
1. Font
font-family: Yazinin fontunu belirler. Örn: Tahoma, Arial, Verdana, Trebuchet MS, Georgia
font-weight: Harflerin genisligini belirler. Aldigi degerler: lighter, bold, normal
Bu kodu kullandiginizda harflerin tamami ince olur.
Bu kodu kullandiginizda harflerin tamami kalin olur.
Bu kodu kullandiginizda harfler normal kalinliginda görülür. Eger siz yazinin oldugu bölüme baska bir kod ile kalin olma özelligi verdiyseniz yazi kalin, ince özelligi verdiyseniz ince görünür. Kalin olma özelligi verdiyseniz ve ince görünsün istiyorsaniz lighter degerini kullanmalisiniz.
font-size: Yazinin büyüklügünü belirler.
font-style: Yazinin egimli ya da normal olacagini belirler. Aldigi degerler: normal, italic, oblique
Bu kodu kullanirsaniz yazi daha önceden nasil belirlenmisse öyle görünür.
Yazinin italik görünmesini saglar.
Yazinin egik görünmesini saglar. italic ile ayni islevi görür diyebiliriz.
font-variant: Bu kod ile yaziyi normal ya da tamami büyük sekilde yazabilirsiniz. Aldigi degerler: normal, small-caps
Bu kod normalde nasil belirlenmisse öyle görünmesini saglar.
Bu kod yazinin tamaminin büyük harfle yazilmasini saglar.
bu yazida small-caps degeri kullanilmistir.
2. Text
text-align: Yaziyi belirlediginiz hizaya sokar. Aldigi degerler: left, right, center, justify
text-decoration: Alti çizili, üstü çizili, ortasi çizili, yanip sönen yazilar yazabilmenizi saglar: Aldigi degerer: underline, overline, blink, line-through, none
Yaziyi alti çizili gösterir.
Yaziyi üstü çizili gösterir.
Yazinin yanip sönmesini saglar. Her tarayici bu kodu desteklemeyebilir.
Yazinin ortasinin çizili görünmesini saglar.
text-transform: Yazida kelimelerin bas harfini büyük, tamamini küçük ya da tamamini büyük gösterebilmenizi saglar. Aldigi degerler: capitalize, uppercase, lowercase, none
Kelimelerin bas harflerinin büyük görünmesini saglar.
Tüm harflerin büyük görünmesini saglar.
Tüm harflerin küçük görünmesini saglar.
text-indent: Paragraflarin girintilerini ayarlar.
word-spacing: Kelimeler arasindaki bosluklari ayarlar. Örn: 1ex, 1.5ex
letter-spacing: Harfler arasindaki bosluklari ayarlar. Örn: 0.3ex, 0.75ex
line-height: Satirlar arasindaki bosluklari ayarlar. Örn: %50, %100, 0.7ex
Bugün 8 ziyaretçi burdaydı!