text-align-ominaisuus

Ominaisuus text-align asettaa tekstin tasauksen: vasempaan reunaan, oikeaan reunaan, keskelle, sekä vasempaan ja oikeaan reunaan samanaikaisesti.

Syntaksi

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

Arvot

Arvo	Kuvaus
`center`	Teksti tasataan keskelle.
`left`	Teksti tasataan vasempaan reunaan.
`right`	Teksti tasataan oikeaan reunaan.
`justify`	Teksti tasataan sekä vasempaan että oikeaan reunaan.
`auto`	Ei muuta elementin tasausta (oletusarvo).
`start`	Yhtä kuin `left`, jos teksti kulkee vasemmalta oikealle, ja `right`, kun teksti kulkee oikealta vasemmalle (kuten arabian kieli).
`end`	Yhtä kuin `right`, jos teksti kulkee vasemmalta oikealle, ja `left`, kun teksti kulkee oikealta vasemmalle.

Oletusarvo: auto. Useimmissa tapauksissa oletusarvoisesti teksti on tasattu vasempaan reunaan (arabian kielessä - oikeaan reunaan). Kuitenkin on poikkeuksia, esimerkiksi teksti elementissä th tasataan keskelle.

Esimerkki . Arvo left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Esimerkki . Arvo right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Esimerkki . Arvo center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Esimerkki . Arvo justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: