En af egenskaberne ved en websteds typografi, som du kan vælge at tilpasse under en websteds udvikling, er, hvordan webstedets tekst er berettiget. Som standard er hjemmesiden tekst retfærdiggjort, og det er hvor mange steder, der forlader deres tekst. De eneste andre muligheder er ret berettiget, som ingen bruger på websteder, da det ville gøre teksten i det væsentlige umulig at læse online, eller hvad der er kendt som fuldt berettiget.
Retfærdig tekst er en tekstblok, der justerer både venstre og højre side, i modsætning til blot en af disse sider (hvilket er hvad "venstre" og "ret" begrundelse gør). Den dobbeltbegrundede virkning opnås ved at justere ord- og bogstavrum i hver tekstlinje for at sikre, at hver linje er ens længde. Denne effekt kaldes fuld begrundelse. Du retfærdiggør tekst i CSS ved at bruge text-align ejendom.
Hvordan virker motivationen?
Grunden til, at du ofte ser en ujævnt kant på højre side af en tekstblok, skyldes, at hver tekstlinje ikke er den samme længde. Nogle linjer har flere ord eller længere ord, mens andre har færre eller kortere ord. For at retfærdiggøre denne tekstblok skal der tilføjes ekstra mellemrum til nogle linjer for at udjævne alle linjerne og gøre dem ensartede.
Hver webbrowserproducent har sin egen algoritme til at anvende de ekstra mellemrum inden for en linje. Browserne ser på ordlængde, bindestreg og andre faktorer for at bestemme, hvor de skal placeres. Som følge heraf kan den retfærdige tekst ikke se identisk ud fra en browser til den næste. Dette er fint, da ingen besøgende vil hoppe fra en browser til en anden, bare for at sammenligne, hvordan dit websites længde ser ud! Vær imidlertid sikker på, at større browser support er god til at retfærdiggøre tekst med CSS.
Sådan retfærdiggøres tekst
At retfærdiggøre tekst med CSS kræver et afsnit af teksten for at retfærdiggøre. Typisk gøres dette til tekststykker, da store blokke af tekstkontekst, der spænder over flere linjer, vil blive markeret med afsnitstegn.
Når du har en tekstblok for at retfærdiggøre det, er det bare et spørgsmål om at indstille stilen til at være berettiget med CSS-tekstjusteringsstilegenskaben.
tekst-align: retfærdiggør;
Du skal bruge denne CSS-regel til en passende vælger for at få den tekstblok til at gøre som den er beregnet.
Hvornår skal du retfærdiggøre tekst
Mange mennesker synes udseendet af begrundet tekst ud fra et designsynspunkt, stort set fordi det skaber et meget konsistent, målt udseende, men der er ulemper for fuldt ud at retfærdiggøre tekst på en webside.
For det første kan retfærdiggjort tekst være svært at læse. Dette skyldes, at når du retfærdiggør tekst, kan der undertiden tilføjes meget ekstra plads mellem nogle ord på linjen. Disse uoverensstemmende huller kan gøre teksten vanskeligere at læse. Dette er især vigtigt på websider, hvilket kan være vanskeligt at læse allerede på grund af belysning, opløsning eller anden hardwarekvalitet. Tilføjelse af usædvanlige mellemrum til teksten kan gøre en dårlig situation endnu værre.
Ud over læsbarhedsproblemer er de tomme mellemrum nogle gange i overensstemmelse med hinanden for at skabe "floder" af hvidt rum midt i teksten. Disse store huller i hvidt rum kan virkelig gøre for en akavet visning. Derudover kan begrundelsen på meget korte linjer forårsage linjer, som indeholder et ord med ekstra mellemrum mellem bogstaverne selv.
Så hvornår skal du bruge tekstbegrundelse? Den bedste tid til at retfærdiggøre tekst opstår, når linjerne er lange, og skriftstørrelsen er lille (noget, der er svært at sikre på lydhøre websites, hvor linjelængder ændres baseret på skærmstørrelser). Der er ikke noget hårdt og hurtigt tal for længden af linjen eller størrelsen af teksten, du skal bruge din bedste dømmekraft.
Når du har anvendt tekstjusteringstilstanden til at retfærdiggøre tekst, skal du teste den for at sikre, at teksten ikke har floder med hvidt mellemrum - og sørg for at teste det i forskellige størrelser. Den nemmeste måde at gøre dette på er at se det med skurede øjne. Floderne skiller sig ud som hvide pletter i en ellers grå tekstblok. Hvis du ser floder, bør du foretage ændringer i tekststørrelsen eller bredden af tekstblokken for at slippe af med de dårlige floder.
Brug kun begrundelse, når du har sammenlignet den med den venstreorienterede tekst som vist i denne artikel. Du gør ligesom konsistensen af fuld begrundelse, men standardteksten til venstre er normalt mere læsbar. I sidste ende bør du retfærdiggøre tekst, fordi du har valgt at retfærdiggøre teksten til designformål og har bekræftet, at dit websted fortsat er let at læse.
