Xüsusiyyət text-align-last
Xüsusiyyət text-align-last mətnin son sətrinin düzləndirilməsini təyin edir:
sol kənara, sag kənara, mərkəzə, həm sol həm də sag kənarlara eyni zamanda.
Nəzərə alın ki, əgər elementdə (məsələn, abzasda) yalnız bir sətir varsa -
o, həm birinci həm də son sətir hesab olunur və onun düzləndirilməsi
text-align-last-da təyin olundugu kimi olacaq,
text-align-da deyil.
Sintaksis
selektor {
text-align-last: center | left | right | justify | auto | start | end;
}
Dəyərlər
| Dəyər | Təsvir |
|---|---|
center |
Mərkəzə. |
left |
Sol kənara. |
right |
Sag kənara. |
justify |
Həm sag həm də sol kənarlara eyni zamanda. |
auto |
Elementin düzləndirilməsini dəyişmir. |
start |
left-ə bərabərdir, əgər mətn soldan saga gedirsə və right-ə,
əgər mətn sagdan sola gedirsə (ərəb dili və s.).
|
end |
right-ə bərabərdir, əgər mətn soldan saga gedirsə və left-ə,
əgər mətn sagdan sola gedirsə.
|
inherit |
Valideynin dəyərini miras alır. |
Susmaya görə dəyər: auto.
Nümunə . Left dəyəri
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: justify;
text-align-last: left;
}
:
Nümunə . Right dəyəri
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: justify;
text-align-last: right;
}
:
Nümunə . Center dəyəri
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: justify;
text-align-last: center;
}
:
Nümunə . Justify dəyəri
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
Lorem ipsum dolor sit amet.
</p>
p {
text-align: justify;
text-align-last: justify;
}
: