CSS Dersleri
Temel Bilgiler
CSS Nedir?
CSS Kod Yapısı
CSS ID ve Class Seçimi
CSS Nasıl Eklenir?

CSS Stilleri
CSS Arkaplanlar
CSS Yazılar
CSS Yazı Tipleri
CSS Bağlantılar
CSS Listeleme
CSS Tablolar

Kenarlıklar
CSS Kutu Modeli
CSS Kenarlıklar (Border)
CSS Dış Kenarlık (Outline)
CSS Dıştan Boşluk (Margin)
CSS İçten Boşluk (Padding)

CSS İleri Düzey
CSS Gruplama ve Üzerine Yazma
CSS Sınırlamalar
CSS Gösterme - Gizleme
CSS Pozisyon Belirleme (position)
CSS Kaydırma (float)
CSS Hizalama (align)
CSS Özel İfadeler (Pseudo)
CSS Transparanlık (opacity)
CSS Çıktı Türleri (media)
CSS Özellik Seçimi (Attribute)
CSS'ye Genel Bakış

Bağlantılar
HTML Dersleri
JavaScript Dersleri
CSS Dersleri
ASP Dersleri
PHP Dersleri
MySQL Komutları
jQuery Dersleri
Venus Programlama

Ana Sayfa Bize Ulaşın

CSS Yazılar



Bu sayfada HTML sayfanızda kullandığınız yazıların değiştirebileceğiniz belli başlı özellikleri (renk, hiza, kalın vb) hakkında bilgi verilecektir.

Yazı biçimlendirme ile ilgili komutlardan tanıyacaklarımız:

color: Yazı Rengi

Yazının rengini belirlemenizi sağlar (Renkler hakkında bilgi için tıklayın).


      p { color: blue; }

   

text-align: Hizalama

Yazının yatay yönde ne şekilde hizalanacağını belirtmenizi sağlar. En çok kullanılan dört hizalama yöntemi:

  • left : sol
  • right : sağ
  • center : ortalanmış
  • justify : iki yana yasla
Aşağıda paragrafların iki yana yaslanacağını belirttik:


      p { text-align: justify; }

   

text-decoration: Yazı Biçimi

Yazının biçiminde bazı değişiklikler yapmamızı sağlar. Örneğin tarayıcı varsayılanında sürekli A elementlerindeki altı çizgili dekorasyonu kaldırmak için aşağıdaki yazılabilir.


      a { text-decoration: none; }

   

text-transform: Yazıda Değişiklik Yap

Yazılan bir yazıyı otomatik olarak tüm harflerini büyük harfle yazmayı ya da tamamını küçük harfle yazmayı sağlar.

  • uppercase : tüm harfleri büyük harf yap
  • lowercase : tüm harfleri küçük harf yap

      h1 { text-transform: upperline; }

   

text-indent: Soldan Boşluk

Bir yazının başında belirtilen büyüklükte boşluk bırakmanızı sağlar. Özellikle paragraflar için kullanılır.


      /* 50 piksel ilk satırda boşluk bırakılacak */
      p { text-indent: 50px; }

   

NOT: Piksel (px), inç (in), punto (pt), santim (cm), yüzde (%) gibi stillerin sonuna eklenen ölçüler her zaman sayıya bitişik yazılır. 50px doğru ancak 50 px yanlış.

Diğer Yazı Şekillendirme Komutları

line-height: Satır yüksekliğini belirtmemizi sağlar.

letter-spacing: Harfler arasında belirtilen değerde boşluk koyar.

word-spacing: Kelimeler arasında belirtilen değerde boşluk koyar.

Tüm hakları saklıdır. Lütfen kaynak belirtmeden sitenizde yayınlamayın. Web Sitesi © 2014