Tekstjustering i CSS

CSS -kort for kaskaderende stilark brukes til å manipulere elementer på en webside skrevet i HTML eller XML for å forbedre utseendet. CSS består av et stort utvalg av egenskaper som brukes til å endre et elements farge, størrelse, justering osv. Denne artikkelen er imidlertid designet for å opplyse leserne om eiendommen som hjelper til med å justere tekst på en webside.

Tekstjustering i CSS

For å justere teksten din ved hjelp av CSS, brukes den tekstjusterte egenskapen. Denne egenskapen justerer den horisontale teksten. En tekst kan justeres på følgende forskjellige måter;

1. Venstre
2. Ikke sant
3. Senter
4. Berettiget

Hvis tekstretningen er fra venstre til høyre, vil teksten bli justert som standard, og hvis tekstretningen er fra høyre til venstre, vil teksten bli justert som standard rettet.

Hvordan du kan justere tekst

For å justere tekst til venstre, angi verdien av tekst-justeringsegenskaper som venstre. Følgende eksempel viser venstre justering av tekst.

Denne teksten er igjen på linje.

Produksjon

Innretningen av teksten er satt til venstre.

Hvordan du retter sammen tekst

For å justere tekst til høyre, angi verdien av tekstjusteringsegenskaper som riktig. Følgende eksempel viser riktig justering av tekst.

Denne teksten er riktig justert.

Produksjon

Teksten har vært riktig justert.

Hvordan du senter til å justere tekst

For å samkjøre tekst til senteret, sett verdien av tekst-justering som sentrum. Følgende eksempel viser senterinnretting av tekst.

Denne teksten er midt justert.

Produksjon

Teksten er senter justert.

Hvordan rettferdiggjøre tekstjustering

For å rettferdiggjøre tekstjustering, angi verdien av den tekstjusterte egenskapen som rettferdiggjør. Når du rettferdiggjør tekstjusteringen, blir hver linje strukket for å ha samme bredde, dessuten er marginene (venstre og høyre) satt rett. Eksemplet under demostrates Justified Text Alignment.

Denne tekstjusteringen er berettiget.

Produksjon

Tekstjusteringen er berettiget.

Nå kommer vi noen ganger over situasjonen der vi ønsker å justere litt tekst i stedet for hele teksten. La oss anta at du vil samkjøre den siste linjen i teksten, og for det brukes den tekst-justerende egenskapen.

Tekst Juster siste egenskapen

Som allerede nevnt er denne egenskapen brukt juster den siste linjen i teksten.

Eksempel
I det følgende eksemplet rettferdiggjør vi justeringen av den siste linjen i avsnittet.

CSS -kort for kaskaderende stilark brukes til å manipulere elementer på en webside skrevet i HTML eller XML for å forbedre utseendet. CSS består av et stort utvalg av egenskaper som brukes til å endre et elements farge, størrelse, justering osv.

Produksjon

Den siste linjen i avsnittet er berettiget.

Konklusjon

Ved hjelp av den tekst-justerte egenskapen til CSS kan du justere justering av teksten din i et HTML-dokument. Teksten på en webside kan justeres på fire forskjellige måter som er; venstre, høyre, sentrum og rettferdiggjort. Dessuten brukes tekst-justerende egenskap for å justere linjen i et avsnitt. Denne oppskrivningen fremhever den tekstjusterte egenskapen til CSS i dybden ved hjelp av passende eksempler.