თვისება text-align-last
თვისება text-align-last ადგენს
ტექსტის ბოლო სტრიქონის გასწორებას: მარცხენა
კიდეზე, მარჯვენა კიდეზე, ცენტრში, მარცხენა
და მარჯვენა კიდეებზე ერთდროულად.
ყურადღება მიაქციეთ იმას, რომ თუ ელემენტში
(მაგალითად, აბზაცში), მხოლოდ ერთი სტრიქონია
- მაშინ ის ითვლება როგორც პირველ და
ბოლო სტრიქონად და მისი გასწორება იქნება ისეთი,
როგორიც text-align-last-შია მითითებული, და არა
როგორც text-align-ში.
სინტაქსი
სელექტორი {
text-align-last: center | left | right | justify | auto | start | end;
}
მნიშვნელობები
| მნიშვნელობა | აღწერა |
|---|---|
center |
ცენტრში. |
left |
მარცხენა კიდეზე. |
right |
მარჯვენა კიდეზე. |
justify |
ერთდროულად მარცხენა და მარჯვენა კიდეზე. |
auto |
არ ცვლის ელემენტის გასწორებას. |
start |
უდრის left-ს, თუ ტექსტი მიდის მარცხნიდან მარჯვნივ და right-ს,
როცა ტექსტი მიდის მარჯვნიდან მარცხნივ (არაბული ენა და ა.შ.).
|
end |
უდრის right-ს, თუ ტექსტი მიდის მარცხნიდან მარჯვნივ და left-ს,
როცა ტექსტი მიდის მარჯვნიდან მარცხნივ.
|
inherit |
მემკვიდრეობით იღებს მშობელი ელემენტის მნიშვნელობას. |
ნაგულისხმევი მნიშვნელობა: auto.
მაგალითი . მნიშვნელობა left
<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;
}
:
მაგალითი . მნიშვნელობა right
<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;
}
:
მაგალითი . მნიშვნელობა center
<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;
}
:
მაგალითი . მნიშვნელობა justify
<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;
}
: