CSS text-align egenskab

Definition og brug

text-align egenskab definerer tekths justering i elementet.

Denne egenskab indstiller teksthjulspindens justering ved at specificere, hvilken punkt, der justeres med, og dermed indstiller tekths justering for bloklelementer. Ved at tillade brugeragenten at justere afstanden mellem bogstaver og ord i linjeindholdet kan værdien justify understøttes; forskellige brugeragenter kan få forskellige resultater.

Se også:

CSS tutorial:CSS tekst

HTML DOM reference manual:textAlign egenskab

eksempel

Indstil tekstjustering for h1, h2, h3 elementer:

h1 {text-align:center;}
h2 {text-align:left;}
h3 {text-align:right;}

Prøv det selv

CSS syntaks

text-align: left|right|center|justifier|initial|inherit;

egenskabsværdi

værdi beskrivelse
venstre Placer teksten til venstre. Standardværdi: afgøres af browseren.
højre Plasserer teksten til høyre.
center Plasserer teksten i midten.
justify Implementerer et justert teksteffekt.
inherit Definerer at verdien skal arves fra forelderelementets text-align-egenskap.

Verdien justify

Siste horisontale justeringsegenskap er justify, som medfører sine egne problemer.

Verdien justify gjør at teksten justeres på begge sider. I justert tekst plasseres begge endene på tekstlinjene på kantene til foreldreelementet. Deretter justeres avstanden mellom ord og bokstaver slik at lengden på hver linje er like. Du har kanskje lagt merke til at justert tekst er svært vanlig i trykte dokumenter. Men i CSS må du gjøre flere overveielser.

Må avgjøres av brukeragenten (ikke CSS) hvordan justert tekst skal strekkes for å fylle rommet mellom kantene på foreldreelementet. For eksempel kan noen nettlesere bare legge til ekstra plass mellom ordene, mens andre kan fordele ekstra plass mellom bokstavene jevnt (men CSS-normen påpeker spesielt at hvis letter-spacing-egenskapenSpesifiseres som en lengdeverdi ("brukeragenten kan ikke øke eller redusere avstanden mellom tegnene ytterligere"). Noen brukeragenter kan også redusere plassen for noen linjer, noe som gjør teksten tettere. Alle disse metodene kan påvirke elementets utseende, og endre høyden, avhengig av hvor mye brukeragentens justeringsvalg påvirker antall tekstlinjer.

CSS spesifiserer heller ikke hvordan man skal håndtere bindestreker (fotnote 1). De fleste justerte tekstverkstøtter bruker bindestreker til å dele lange ord over to linjer, noe som reduserer avstanden mellom ordene og forbedrer utseendet på tekstlinjene. Men siden CSS ikke definerer bindestreksoppførselen, er det ikke sannsynlig at brukeragenten automatisk legger til bindestreker. Derfor ser justert tekst i CSS ikke ut like bra som trykt tekst, spesielt hvis elementet er for smalt til å plassere bare noen ord på hver linje. Selvfølgelig kan det være greit å bruke smale designelementer, men vær oppmerksom på de tilsvarende ulempene.

Fotnote 1:CSS beskriver ikke hvordan man håndterer bindestreker, fordi forskellige språk har forskellige bindestreksregler. Normen har ikke prøvd å finne en måte å tilpasse seg slike sannsynligvis ufullstendige regler, men har rett og slett ikke nevnt dette problemet.

Tekniske detaljer

Standardverdi: Hvis direction-egenskapen er ltr, er standardverdien left; hvis direction er rtl, er det right.
Arvbarhet: ja
Versjon: CSS1
JavaScript syntaks: object.style.textAlign="højre"

Flere eksempler

Justere tekst
Dette eksempelet viser hvordan du kan justere tekst.

Nettleserstøtte

Tallene i tabellen angiver den første nettleseren som fullt ut støtter egenskapen.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5