Bu yazıda
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
- color: Yazı Rengi
Yazının rengini belirlemenizi sağlar.
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:
Kod
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.
Kod
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
Kod
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.
Kod
/* 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.