text-align հատկությունը
text-align հատկությունը սահմանում է
տեքստի հավասարեցումը՝ ձախ եզրով, աջ եզրով,
կենտրոնով, ձախ և աջ եզրերով միաժամանակ:
Շարահյուսություն
ընտրիչ {
text-align: center | left | right | justify | auto | start | end;
}
Արժեքներ
| Արժեք | Նկարագրություն |
|---|---|
center |
Տեքստը կհավասարեցվի կենտրոնով: |
left |
Տեքստը կհավասարեցվի ձախ եզրով: |
right |
Տեքստը կհավասարեցվի աջ եզրով: |
justify |
Տեքստը կհավասարեցվի միաժամանակ և՛ աջ, և՛ ձախ եզրով: |
auto |
Չի փոխում տարրի հավասարեցումը (լռելյայն արժեք): |
start |
Հավասար է left-ի, եթե տեքստը հոսում է ձախից աջ, և right-ի,
երբ տեքստը հոսում է աջից ձախ (արաբերեն ևն):
|
end |
Հավասար է right-ի, եթե տեքստը հոսում է ձախից աջ, և left-ի,
երբ տեքստը հոսում է աջից ձախ:
|
Լռելյայն արժեքը՝ auto: Շատ դեպքերում
լռելյայն տեքստը հավասարեցված է ձախ
եզրով (արաբերենում՝ աջ եզրով):
Սակայն, կան բացառություններ, օրինակ, տեքստը
th
տարրում կհավասարեցվի կենտրոնով:
Օրինակ . Left արժեքը
<p>
some long text
</p>
p {
text-align: left;
width: 400px;
}
:
Օրինակ . Right արժեքը
<p>
some long text
</p>
p {
text-align: right;
width: 400px;
}
:
Օրինակ . Center արժեքը
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: center;
}
:
Օրինակ . Justify արժեքը
<p>
some long text
</p>
p {
text-align: justify;
width: 400px;
}
: