Tekststijlen in HTML5

De meest gebruikte basisstijlen zijn de uitlijning van de tekst en de uitvulling, dit helpt ons om de tekst te lokaliseren en meer compatibel te maken met de omgeving, laten we ons voorstellen dat we een samenvatting van een nieuws moeten plaatsen en we willen dat het opvalt een andere tekst, we zouden de uitlijning ervan kunnen maken, zodat we de bekendheid bereiken die we in het begin wilden.
Om dit te bereiken zullen we twee eigenschappen gebruiken:

1. tekst uitlijnen: Specificeert dat de uitlijning van een tekstblok de volgende waarden kan aannemen: begin, einde, links, rechts, centreren, uitvullen.

2. tekst uitvullen: Specificeert de techniek die zal worden gebruikt om de tekst uit te vullen wanneer uitvullen is gekozen in de tekstuitlijning.

Laten we een stukje code bekijken waar we dit toepassen:

 Voorbeeld
Er zijn veel verschillende soorten fruit - er zijn alleen al meer dan 500 soorten bananen. Tegen de tijd dat we de talloze soorten appels, sinaasappels en ander bekend fruit toevoegen, staan ​​we voor duizenden keuzes. Een van de meest interessante aspecten van fruit is de variëteit die in elk land beschikbaar is. Ik woon in de buurt van Londen, in een gebied dat bekend staat om zijn appels.
Begin Einde Links Rechts Uitvullen Midden

In dit gedeelte van de code hebben we een gemaakt script met taal Javascript waarmee we het attribuut van kunnen veranderen tekst-uitlijnen zodat wanneer we het in onze browser uitvoeren, we het verschil kunnen zien tussen elk van de eigenschapswaarden van het kenmerk. Laten we eens kijken hoe we een aantal van deze toegepaste eigenschappen in de browser hebben:

VERGROTEN

Hier kunnen we zien dat het linkerscherm dat we hebben toegepast centrum waarmee we de tekst kunnen centreren en op het rechterscherm hebben we toegepast Rechtsaf wat ons de mogelijkheid geeft om de tekst rechts uit te lijnen.
Laten we nu nog een van de kenmerken van bekijken HTML5 wanneer een tekst blanco, dubbele of driedubbele spaties heeft, vervangt de browser deze meestal door een enkele spatie, zoals blanco regels, het negeert ze, om ermee te werken hebben we de eigenschap witte ruimte, ze kan de volgende attributen aannemen:

• normaal: Het is de standaardwaarde in de browser, negeert meerdere spaties en nieuwe regels.
• nurap: In dit geval worden de spaties genegeerd, maar worden de regeleinden gerespecteerd.
• pre: Witruimte en alleen regeleinden blijven behouden.
• pre-line: De spatie wordt genegeerd, maar het regeleinde wordt gerespecteerd.
• voorverpakken: Witruimte wordt gerespecteerd en er zal een regeleinde zijn wanneer dit wordt gespecificeerd of wanneer vereist door het blok.

Laten we een voorbeeld bekijken:

 Voorbeeld
Er zijn veel verschillende soorten fruit - er zijn alleen al meer dan 500 soorten bananen. Tegen de tijd dat we de talloze soorten appels, sinaasappels en ander bekend fruit toevoegen, staan ​​we voor duizenden keuzes. Een van de meest interessante aspecten van fruit is de variëteit die in elk land beschikbaar is. Ik woon in de buurt van Londen, in een gebied dat bekend staat om zijn appels.

Zoals we kunnen zien, hebben we meerdere dubbele spaties in de tekst opgenomen en hebben we aangegeven dat we de eigenschap zullen gebruiken voorlijn, Laten we eens kijken wat de browser ons zal laten zien:

Zoals we kunnen zien, respecteerde het alleen de regeleinden, maar de lege spaties werden veranderd in eenvoudige spaties.