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

Результат: