text-align Özelliği

text-align özelliği metnin hizalamasını ayarlar: sola, sağa, ortaya veya her iki kenara (blok) hizalı.

Sözdizimi

cssseçici {
  text-align: center | left | right | justify | auto | start | end;
}

Değerler

Değer	Açıklama
`center`	Metin ortalanır.
`left`	Metin sola hizalanır.
`right`	Metin sağa hizalanır.
`justify`	Metin her iki kenara (blok) hizalanır.
`auto`	Öğenin hizalamasını değiştirmez (varsayılan değer).
`start`	Metin soldan sağa ise `left`, sağdan sola ise ( Arapça vb.) `right` değerine eşittir.
`end`	Metin soldan sağa ise `right`, sağdan sola ise `left` değerine eşittir.

Varsayılan değer: auto. Çoğu durumda varsayılan olarak metin sola hizalıdır (Arapçada - sağa). Ancak, istisnalar vardır, örneğin, th içindeki metin ortalanır.

Örnek . left Değeri

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Örnek . right Değeri

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Örnek . center Değeri

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Örnek . justify Değeri

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: