CSS Ders 6 (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
  • text-align
  • text-decoration
  • text-transform
  • text-indent
  1. color: (Yazı Rengi)
    Yazının rengini belirlemenizi sağlar (Renkler hakkında bilgi için tıklayın).
    • p { color: blue; }
      Önizleme :
      Mavi Renk
  2. 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; }
      Önizleme :
      İki Tarafa Yaslanmış
  3. 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; }
  4. 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; }
  5. 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ış.

İlgili Konular

Yorum Yap

Boş Geçilmez
Boş Geçilmez
Boş Geçilmez

0 Yorum