Text-align häsiýeti

text-align häsiýeti tekstiň deňleşdirilişini kesgitleýär: çep tarapa, sag tarapa, merkeze, çep we sag taraplara bir wagtda.

Sintaksis

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

Görnüşler

Görnüşi Düşündiriş
center Tekst merkezde deňleşdiriler.
left Tekst çep tarapa deňleşdiriler.
right Tekst sag tarapa deňleşdiriler.
justify Tekst hem sag hem-de çep taraplara deňleşdiriler.
auto Elementiň deňleşdirilişini üýtgetmez (deslapky görnüş).
start left görnüşine deňdir, eger tekst çepden saga gitse, we right görnüşine deňdir, eger tekst sagdan çepa gitse (Arap dili we ş.m.).
end right görnüşine deňdir, eger tekst çepden saga gitse, we left görnüşine deňdir, eger tekst sagdan çepa gitse.

Deslapky görnüşi: auto. Köplenç ýagdaýlarda deslapky tekst çep tarapa deňleşdirilýär (Arap dilinde - sag tarapa). Emma, ýagdaýlaryň tapawudy hem bar, mysal üçin, th tegindäki tekst merkezde deňleşdiriler.

Mysal . Left görnüşi

html<p>
  some long text
</p>
cssp {
  text-align: left;
  width: 400px;
}

Результат:

Mysal . Right görnüşi

html<p>
  some long text
</p>
cssp {
  text-align: right;
  width: 400px;
}

Результат:

Mysal . Center görnüşi

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-align: center;
}

Результат:

Mysal . Justify görnüşi

html<p>
  some long text
</p>
cssp {
  text-align: justify;
  width: 400px;
}

Результат: