CSS text-align Özelliği
text-align özelliği, Metinleri sayfa içinde veya kullanıldığı element içinde hizalamak için kullanılır.
Yapısı (Syntax)text-align: left | right | center | justify | initial | inherit;
| Varsayılan Değer | left |
| JavaScript Yapısı |
object.style.textAlign="Değer"
|
| Animasyon Özellikleri Uygulanabilir | Hayır (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| left | Metni sola hizalar. | CSS1 |
| right | Metni sağa hizalar. | CSS1 |
| center | Metni ortalar. | CSS1 |
| justify | Metni her iki yanına yaslar. | CSS1 |
| initial | Varsayılan değerine geri döndürür. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
p elementi içerisindeki yazımızı sola doğru hizaladık.
p { text-align: left; }p elementi içerisindeki yazımızı sağa doğru hizalamak istersek,
p { text-align: right; }p elementi içerisindeki yazımızı ortalamak istersek,
p { text-align: center; }p elementi içerisindeki yazımızı her iki tarafada (sağ ve sola) yaslanmış şekilde istersek,
p { text-align: justify; }Önceden verilmiş olan değeri varsayılan değerine geri döndürmek istersek,
p { text-align: initial; }Değerini üst öğesinden miras almak istersek. Daha açık olmak gerekirse p elementimizin bir div elementi içerisinde olduğunu düşünürsek ve div elementinde text-align: center; olduğunu düşünürsek p elementinin text-align değerine inherit verdiğimiz için div elementindeki center değerini almış oluyoruz.
p { text-align: inherit; }