text-alignNekretnina u CSS se koristi za usmjeravanje unutarnji sadržaj blok elementa.
p ( text-align: center; )Ovo su tradicionalne vrijednosti za poravnanje teksta:
left- Zadana vrijednost. Sadržaj se poravnava uz lijevu stranu.right- Sadržaj se poravnava uz desnu stranu.center- Centri sadržaja između lijevog i desnog ruba. Razmak na lijevoj i desnoj strani svake crte trebao bi biti jednak.justify- Prostori s sadržajem izbacuju se tako da što više blokova stane u jedan redak, a prva riječ na tom retku nalazi se uz lijevi rub, a zadnja riječ uz desni rub.inherit- Vrijednost će biti kakva god da je nadređeni element.
Ovdje se "Sadržaj" koristi kao pojam umjesto kao "tekst", jer iako poravnanje teksta sigurno utječe na tekst, to utječe na sve umetnute elemente ili elemente bloka u njemu.
Dvije su nove vrijednosti i u CSS3, početak i kraj. Te vrijednosti olakšavaju podršku više jezika. Primjerice, engleski je jezik slijeva udesno (ltr), a arapski jezik udesno ulijevo (rtl). Korištenje "desno" i "lijevo" za vrijednosti previše je kruto i ne prilagođava se promjeni smjera. Ove se nove vrijednosti prilagođavaju:
start- Isto kao "lijevo" u ltr, isto kao "desno" u rtl.end- Isto kao "desno" u ltr, isto kao "lijevo" u rtl.
Postoji i match-parent, što je slično inherit, samo što se nova vrijednost izračunava prema smjeru trenutnog elementa, umjesto da, znate, to ne radite.
U specifikaciji postoji nekoliko stvari koje još nemaju podršku za preglednik. Jedna je vrijednost "start end" koja bi poravnala prvi redak kao da je "start", a sve naredne retke kao da je "kraj". Drugi je davanje vrijednosti nizu, kao što je text-align: "." start;Tekst će se izmijeniti uz prvu pojavu toga, kao u poravnanju stupca brojeva duž decimalne točke.
Primjeri
Ovaj je tekst poravnat ulijevo.
Ovaj je tekst poravnat udesno.
Usredotočen sam!
Opravdana sam. Točno ispunjavam prostor (osim na zadnjem retku), čak iako se ponekad moram malo protegnuti.
Nasljeđujem usklađivanje svog roditelja. U ovom slučaju to znači lijevo.
Podrška preglednika
Za lijevu, desnu, sredinu obrazložite:
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | Bilo koji | Bilo koji | 3,5+ | 3+ | Bilo koji | Bilo koji |
Za startte endvrijednosti:
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | 3.1+ | 3,6+ | Nijedna | Nijedna | Bilo koji | Bilo koji |