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

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
135 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar