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

     1	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:
   • ?

     1	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.
   • ?

     1	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
   • ?

     1	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.
   • ?

     1 2	/* 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

0 Yorum