Хусусияти 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;
}
Результат: