Text-align хусусияти

text-align хусусияти матнни текислашни белгилайди: чап томонга, ўнг томонга, марказга, ҳам чап ҳам ўнг томонларга бир вақтнинг ўзида.

Синтаксис

cssселектор {
  text-align: center | left | right | justify | auto | start | end;
}

Қийматлар

Қиймат	Тасниф
`center`	Матн марказга текисланади.
`left`	Матн чап томонга текисланади.
`right`	Матн ўнг томонга текисланади.
`justify`	Матн ҳам ўнг ҳам чап томонларга бир вақтнинг ўзида текисланади.
`auto`	Элементнинг текислашини ўзгартирмайди (андоза қиймат).
`start`	`left`га тенг, агар матн чапдан ўнгга карабоқса, ва `right`, матн ўнгдан чапга караб бўлса (араб тили ва ҳ.к.).
`end`	`right`га тенг, агар матн чапдан ўнгга карабоқса ва `left`, матн ўнгдан чапга караб бўлса.

Андоза қиймат: auto. Кўпчилик ҳолларда андоза бўйича матн чап томонга текисланган (араб тилида - ўнг томонга). Бирок, истиснолар ҳам мавжуд, масалан, th тегидаги матн марказга текисланади.

Мисол . Left қиймати

html<p>
  some long text
</p>

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

Результат:

Мисол . Right қиймати

html<p>
  some long text
</p>

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

Результат:

Мисол . Center қиймати

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

cssp {
  text-align: center;
}

Результат:

Мисол . Justify қиймати

html<p>
  some long text
</p>

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

Результат: