CSS text-align-last ominaisuus

Määrittely ja käyttö

text-align-last-ominaisuus määrittelee, miten tekstin viimeinen rivi tasataan.

Huomaa, että text-align-last-ominaisuus asettaa kaikkien valittujen elementtien sisällä olevien viimeisten rivien asettelun. Siksi, jos divissä on kolme kappaleita, text-align-last sovelletaan jokaisen kappaleen viimeiseen riviin. Jos haluat käyttää text-align-last -ominaisuutta viimeisessä kappaleessa, voit käyttää :last-child, katso seuraava esimerkki.

Huomautus:Edge/Internet Explorer -selaimessa text-align-last-ominaisuus pätee vain teksteihin, joilla on "tekstiasento: keskelle".

Lisäksi:

CSS-opas:CSS teksti

HTML DOM -viittauskirja:textAlignLast Ominaisuudet

Esimerkki

Tasaa kolmen <div>-elementin viimeinen rivi:

div.a {
  tekstiasento: keskelle;  /* Edge-työkalu */
  tekstiasento: oikealle;
}
div.b {
  text-align: justify; /* Vain Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Vain Edge */ 
  text-align-last: justify;
}

Kokeile itse

Lisää TIY-esimerkkejä löytyy sivun alalta.

CSS syntax

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
auto

Oletusarvo. Jokaisen rivin tasausoikeus määritetään text-align:n arvon perusteella.

Jos text-align:n arvo on justify, text-align-last:n käyttäytyminen on sama kuin asetettu start.
left Viimeinen rivi tasataan vasemmalle.
right Viimeinen rivi tasataan oikealle.
center Viimeinen rivi tasataan keskelle.
justify Viimeisen tekstin alku tasataan sisällön laatikon vasemmalle reunalle, loppu oikealle reunalle.
start

Viimeinen rivi tasataan rivin alkuun.

Jos text-direction on vasemmalta oikealle, vasemmalle tasaus, jos text-direction on oikealta vasemmalle, oikealle tasaus.
end

Viimeinen rivi tasataan rivin loppuun.

Jos text-direction on vasemmalta oikealle, oikealle tasaus, jos text-direction on oikealta vasemmalle, vasemmalle tasaus.
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso: initial.
inherit Periisi isältä elementiltä tämän ominaisuuden arvo. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: kyllä
Animaation tekeminen: ei tueta. Katso:Animaatioon liittyvät ominaisuudet.
Versio: CSS3
JavaScript syntax: object.style.textAlignLast="right"

Lisää esimerkkejä

Käytä text-align-last: center; sisällä konteinereissa viimeisellä rivillä

div.b p:last-child {
  text-align-last: center;
}

Kokeile itse

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Numeroita, jotka sisältävät -moz-, viittaavat ensimmäiseen versioon, jota etuliite käytetään.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 ei tueta 34.0

* Edge/Internet Explorer ei tue "start" ja "end" arvoja.