v2.5.2
Giriş yap

CSS text-align Özelliği

CSS1

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; }

onuralpkaratas
1753 gün önce eklendi - 10218 kez görüntülendi.
Github'da Düzenle
Önceki font-family Sonraki width