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).

CSS Kodu

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:

CSS Kodu

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.

CSS Kodu

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

CSS Kodu

h1 { text-transform: uppercase; }

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.

CSS Kodu

      /* 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.