Ominaisuus text-align-last

Ominaisuus text-align-last asettaa tekstin viimeisen rivin tasauksen: vasempaan reunaan, oikeaan reunaan, keskelle, vasempaan ja oikeaan reunaan samanaikaisesti.

Huomaa, että jos elementissä (esimerkiksi kappaleessa) on vain yksi rivi - sitä pidetään samanaikaisesti ensimmäisenä ja viimeisenä, ja sen tasaus on sellainen kuin text-align-last -ominaisuudessa on määritelty, eikä kuin text-align -ominaisuudessa.

Syntaksi

cssvalitsija {
  text-align-last: center | left | right | justify | auto | start | end;
}

Arvot

Arvo	Kuvaus
`center`	Keskelle.
`left`	Vasempaan reunaan.
`right`	Oikeaan reunaan.
`justify`	Samanaikaisesti sekä oikeaan että vasempaan reunaan.
`auto`	Ei muuta elementin tasausta.
`start`	Yhtä kuin `left`, jos teksti kulkee vasemmalta oikealle, ja `right`, kun teksti kulkee oikealta vasemmalle (kuten arabian kieli jne.).
`end`	Yhtä kuin `right`, jos teksti kulkee vasemmalta oikealle, ja `left`, kun teksti kulkee oikealta vasemmalle.
`inherit`	Perii vanhemman arvon.

Oletusarvo: auto.

Esimerkki . Arvo 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;
}

Результат:

Esimerkki . Arvo 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;
}

Результат:

Esimerkki . Arvo 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;
}

Результат:

Esimerkki . Arvo 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;
}

Результат: