Een van de eigenschappen van de typografie van een website die u tijdens de ontwikkeling van een site kunt aanpassen, is hoe de tekst van de site gerechtvaardigd is. Standaard is de tekst op de website links gelaten en dit is het aantal sites dat de tekst verlaat. De enige andere opties zijn goed gerechtvaardigd, die niemand op websites gebruikt, omdat het de tekst in wezen onmogelijk zou maken om online te lezen, of wat bekend staat als volledig gerechtvaardigd.
Uitgevulde tekst is een tekstblok dat uitlijnt zowel aan de linker- als aan de rechterkant, in tegenstelling tot slechts een van die zijden (wat is wat "links" en "rechts" rechtvaardigen). Het dubbel gerechtvaardigde effect wordt bereikt door het aanpassen van de woord- en letterruimten in elke regel tekst om ervoor te zorgen dat elke regel even lang is. Dit effect wordt volledige rechtvaardiging genoemd. U rechtvaardigt tekst in CSS met behulp van de text-align eigendom.
Hoe werkt de rechtvaardiging?
De reden waarom u vaak een ongelijke rand aan de rechterkant van een tekstblok ziet, is omdat elke regel tekst niet dezelfde lengte heeft. Sommige regels hebben meer woorden of langere woorden, terwijl andere woorden minder of korter zijn. Om dat tekstblok te rechtvaardigen, moeten aan sommige regels extra spaties worden toegevoegd om alle lijnen gelijk te maken en consistent te maken.
Elke maker van een webbrowser heeft zijn eigen algoritme voor het toepassen van de extra spaties binnen een regel. De browsers kijken naar woordlengte, woordafbreking en andere factoren om te bepalen waar de spaties moeten worden geplaatst. Dientengevolge, kan de gerechtvaardigde tekst er niet hetzelfde uitzien van de ene browser naar de andere. Dit is goed, omdat geen enkele sitebezoeker van de ene browser naar de andere springt, alleen om te vergelijken hoe de lengte van uw site er uit ziet! Wees echter gerust, dat belangrijke browserondersteuning goed is voor het rechtvaardigen van tekst met CSS.
Hoe tekst te rechtvaardigen
Voor het uitvullen van tekst met CSS moet een tekstgedeelte worden gerechtvaardigd. Dit gebeurt meestal in alinea's van de tekst, omdat grote blokken tekstcontext die meerdere regels overspant, worden gemarkeerd met alineatags.
Nadat u een tekstblok hebt om te rechtvaardigen, hoeft u alleen maar de stijl in te stellen op basis van de CSS text-align style-eigenschap.
text-align: rechtvaardigen;
U moet deze CSS-regel toepassen op een geschikte selector om het tekstblok weer te geven zoals het bedoeld is.
Wanneer om tekst te rechtvaardigen
Veel mensen houden van het uiterlijk van gerechtvaardigde tekst vanuit een ontwerpstandpunt, grotendeels omdat het een zeer consistent, gemeten uiterlijk creëert, maar er zijn nadelen aan het volledig rechtvaardigen van tekst op een webpagina.
Ten eerste kan een gerechtvaardigde tekst moeilijk te lezen zijn. Dit komt omdat wanneer u tekst rechtvaardigt, er soms veel extra ruimte tussen sommige woorden op de regel kan worden toegevoegd. Die inconsistente lacunes kunnen de tekst moeilijker te lezen maken. Dit is vooral belangrijk op webpagina's, die al moeilijk te lezen kunnen zijn vanwege verlichting, resolutie of andere hardwarekwaliteit. Het toevoegen van ongebruikelijke spaties aan de tekst kan een slechte situatie nog erger maken.
Naast leesbaarheidsproblemen komen de lege ruimtes soms op één lijn te liggen om 'rivieren' van witruimte in het midden van de tekst te creëren. Die grote gaten in de witte ruimte kunnen echt voor een ongemakkelijk beeld zorgen. Bovendien kan uitvulling op extreem korte regels lijnen veroorzaken die een woord bevatten met extra spaties tussen de letters zelf.
Dus wanneer zou u tekstverantwoording moeten gebruiken? De beste tijd om tekst te rechtvaardigen, is wanneer de regels lang zijn en de lettergrootte klein (iets wat moeilijk te garanderen is op responsieve websites waar de lengte van de regels verandert op basis van schermformaten). Er is geen hard en snel nummer voor de lengte van de regel of de grootte van de tekst, u moet uw gezond verstand gebruiken.
Nadat u de text-align-stijl hebt toegepast om tekst te rechtvaardigen, test u deze om er zeker van te zijn dat de tekst geen witte ruimte heeft en test deze in verschillende formaten. De eenvoudigste manier om dit te doen is om het met toegewijde ogen te bekijken. De rivieren springen uit als witte vlekken in een anders grijs tekstblok. Als u rivieren ziet, moet u de tekstgrootte of de breedte van het tekstblok wijzigen om die onooglijke rivieren te verwijderen.
Gebruik alleen een motivering nadat u het hebt vergeleken met links uitgelijnde tekst zoals te zien is in dit artikel. U maakt de consistentie van volledige uitvulling, maar de standaard naar links uitgevulde tekst is meestal beter leesbaar. Uiteindelijk moet u tekst rechtvaardigen, omdat u ervoor hebt gekozen om de tekst te rechtvaardigen voor ontwerpdoeleinden en heeft bevestigd dat uw site gemakkelijk leesbaar blijft.
