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;
}

Результат: