text-align xususiyati

text-align xususiyati matnni tekislashni belgilaydi: chap tomonga, o'ng tomonga, markazga, ham chap ham o'ng tomonga bir vaqtda.

Sintaksis

cssselector {
  text-align: center | left | right | justify | auto | start | end;
}

Qiymatlar

Qiymat	Tavsif
`center`	Matn markazga tekislanadi.
`left`	Matn chap tomonga tekislanadi.
`right`	Matn o'ng tomonga tekislanadi.
`justify`	Matn ham o'ng, ham chap tomonga bir vaqtda tekislanadi.
`auto`	Elementning tekislashini o'zgartirmaydi (standart qiymat).
`start`	`left` ga teng, agar matn chapdan o'ngga yo'nalgan bo'lsa, va `right`, qachon matn o'ngdan chapga yo'nalgan bo'lsa (arab tili va h.k.).
`end`	`right` ga teng, agar matn chapdan o'ngga yo'nalgan bo'lsa va `left`, qachon matn o'ngdan chapga yo'nalgan bo'lsa.

Standart qiymat: auto. Ko'p hollarda standart bo'yicha matn chap tomonga tekislangan (arab tilida - o'ng tomonga). Biroq, istisnolar mavjud, masalan, th ichidagi matn markazga tekislanadi.

Misol . left qiymati

html<p>
  some long text
</p>

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

Результат:

Misol . right qiymati

html<p>
  some long text
</p>

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

Результат:

Misol . center qiymati

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

cssp {
  text-align: center;
}

Результат:

Misol . justify qiymati

html<p>
  some long text
</p>

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

Результат: