Den text-alignegenskab i CSS anvendes til orientering af indvendige indhold af en blok element.
p ( text-align: center; )Dette er de traditionelle værdier for tekstjustering:
left- Standardværdien. Indholdet justeres langs venstre side.right- Indholdet justeres langs højre side.center- Indholdscentre mellem venstre og højre kant. Hvid plads på venstre og højre side af hver linje skal være ens.justify- Indholdsrum ud således, at så mange blokke passer på en linje som muligt, og det første ord på linjen er langs venstre kant, og det sidste ord er langs højre kant.inherit- Værdien er uanset hvad det overordnede element er.
"Indhold" bruges her som udtryk i stedet for "tekst", for selvom tekstjustering bestemt påvirker tekst, påvirker det alle indbyggede eller inline-blokelementer i beholderen.
Der er også to nye værdier i CSS3, start og slut. Disse værdier gør understøttelse af flere sprog lettere F.eks. Er engelsk et venstre-til-højre-sprog (ltr) og arabisk er et højre-til-venstre-sprog (rtl). Brug af "højre" og "venstre" til værdier er for stift og tilpasser sig ikke, når retningen ændres. Disse nye værdier tilpasser sig:
start- Samme som "venstre" i ltr, samme som "højre" i rtl.end- Samme som “højre” i ltr, samme som “venstre” i rtl.
Der er også match-parent, som svarer til inherit, kun at den nye værdi beregnes mod det aktuelle elements retning i stedet for, du ved, ikke gør det.
Der er et par ting i specifikationen, der endnu ikke har nogen browsersupport. Den ene er værdien "start slut", som ville justere den første linje, som om den var "start" og eventuelle efterfølgende linjer, som om den var "slut". En anden giver værdien en streng, som text-align: "." start;Teksten vil køre langs den første forekomst af det, som for at oprette en kolonne med tal langs et decimaltegn.
Eksempler
Denne tekst er venstrejusteret.
Denne tekst er højrejusteret.
Jeg er centreret!
Jeg er berettiget. Jeg udfylder pladsen nøjagtigt (undtagen på den sidste linje), selvom jeg til tider skal strække lidt.
Jeg arver tilpasningen af min forælder. I dette tilfælde betyder det venstre.
Browsersupport
For venstre, højre, center, retfærdiggør:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | Nogen | Nogen | 3.5+ | 3+ | Nogen | Nogen |
For startog endværdierne:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | 3.1+ | 3.6+ | Ingen | Ingen | Nogen | Nogen |