Eienskap text-align-last
Die eienskap text-align-last stel die
belyning van die laaste reël teks in: na die
linkerkant, na die regterkant, in die middel, na beide
die linker- en regterkante gelyktydig.
Let daarop dat as 'n element
(bv. 'n paragraaf) slegs een reël het
- dan word dit as beide die eerste en
laaste reël beskou en die belyning sal wees soos
gestel in text-align-last, en nie
soos in text-align nie.
Sintaksis
cssselektor {
text-align-last: center | left | right | justify | auto | start | end;
}
Waardes
| Waarde | Beskrywing |
|---|---|
center |
In die middel. |
left |
Na die linkerkant. |
right |
Na die regterkant. |
justify |
Gelyktydig na beide die regter- en linkerkant. |
auto |
Verander nie die belyning van die element nie. |
start |
Gelyk aan left as teks van links na regs gaan en aan right,
wanneer teks van regs na links gaan (Arabies en so aan).
|
end |
Gelyk aan right as teks van links na regs gaan en aan left,
wanneer teks van regs na links gaan.
|
inherit |
Eref die waarde van die ouer. |
Standaardwaarde: auto.
Voorbeeld . Waarde left
html<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>cssp {
text-align: justify;
text-align-last: left;
}
Результат:
Voorbeeld . Waarde right
html<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>cssp {
text-align: justify;
text-align-last: right;
}
Результат:
Voorbeeld . Waarde center
html<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>cssp {
text-align: justify;
text-align-last: center;
}
Результат:
Voorbeeld . Waarde justify
html<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>cssp {
text-align: justify;
text-align-last: justify;
}
Результат: