HTML5 - Text Transformation

Innehållsförteckning
Det finns två egenskaper som gör att vi kan ändra och ändra texten i dokumenten HTML5, dessa är text-dekoration Y text-transform, dessa låter dig ge dem externa eller platta stilar för att ändra önskad text.
Tillämpa stilarna.
Låt oss se vad var och en av dessa egenskaper betyder och hur de kan tillämpas:
  • text-dekoration: Applicera en dekoration på ett textblock, dess möjliga egenskaper är: ingen, understrykning, överlinje, genomlinje, blinkning.
  • text-transform: Tillämpa en omvandling på ett textblock, dess möjliga egenskaper är: inga, versaler, versaler, gemener.

Låt oss analysera följande exempel där vi tillämpar båda egenskaperna för att generera en effekt i texten, vi kommer att omvandla allt till stora bokstäver och dessutom kommer vi att placera en linje i mitten för att uppnå en genomträngningseffekt:
 Exempel

Det finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val. En av de mest intressanta aspekterna av frukt är sorten som finns i varje land. Jag bor nära London, i ett område som är känt för sina äpplen.


Låt oss nu se vad webbläsaren visar oss, om vi märker koden vet vi att vår text är en kombination av stora och små bokstäver och resultatet är annorlunda tack vare text-transform.

Denna effekt är ganska populär eftersom vi genom att göra en bra kombination kan uppnå en känsla av djup, vi pratar om text-skugga, som inte gör mer än att lägga till en skugga i ett textblock och dess egenskaper är: ,,,, dessa fungerar på samma sätt som skuggorna av HTML -element.
Kom ihåg att egenskaperna h-skugga fungerar för den horisontella skuggan, v-skugga för den vertikala, oskärpa ger oss diffusion av skuggan och färgen för dess färgeffekter.
Utan vidare, låt oss gå vidare till ett exempel med hjälp av dessa alternativ:
 Exempel

Det finns massor av olika sorters frukt - det finns över 500 banansorter ensamma. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.


Denna kod ger oss följande resultat i webbläsaren:

Som vi observerade kunde vi skapa två typer av skuggor för de olika texterna, bara genom att ändra egenskaperna för attributet text-skugga.
Med detta avslutar vi handledningen, vi kan nu kunna ändra vår text, vi kan uppnå många kombinationer, så att våra sidor kommer till liv och på detta sätt uppnår rika texter, som vi alltid bör öva tills vi inte längre behöver se guiden för att använda det vi har lärt oss idag.
wave wave wave wave wave