HTML5 - Teksttransformation

Indholdsfortegnelse
Der er to egenskaber, der giver os mulighed for at ændre og ændre teksten i dokumenterne HTML5, disse er tekst-dekoration Y tekst-transform, disse giver dig mulighed for at give dem eksterne eller flade stilarter til at ændre den ønskede tekst.
Anvendelse af stilarterne.
Lad os se, hvad hver af disse egenskaber betyder, og hvordan de kan anvendes:
  • tekst-dekoration: Anvend en dekoration på en tekstblok, dens mulige egenskaber er: ingen, understregning, overlinje, line-through, blink.
  • tekst-transform: Anvend en transformation på en tekstblok, dens mulige egenskaber er: ingen, store, store, små bogstaver.

Lad os analysere det følgende eksempel, hvor vi anvender begge egenskaber for at generere en effekt i teksten, vi vil omdanne alt til store bogstaver, og derudover placerer vi en linje i midten for at opnå en gennemtrængningseffekt:
 Eksempel

Der er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder. Et af de mest interessante aspekter af frugt er sorten i hvert land. Jeg bor i nærheden af ​​London, i et område, der er kendt for sine æbler.


Lad os nu se, hvad browseren viser os, hvis vi bemærker koden, ved vi, at vores tekst er en kombination af store og små bogstaver, og resultatet er anderledes takket være tekst-transform.

Denne effekt er ret populær, da vi ved at lave en god kombination kan opnå en dybdefølelse, vi taler om tekst-skygge, som ikke gør andet end at tilføje en skygge til en tekstblok og dens egenskaber er: ,,,, disse fungerer på samme måde som skyggerne af HTML -elementer.
Husk, at egenskaberne h-skygge fungerer for den vandrette skygge, v-skygge for den lodrette, sløring giver os diffusion af skyggen og farve for dens farveeffekter.
Lad os uden videre gå videre til et eksempel ved hjælp af disse muligheder:
 Eksempel

Der er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.


Denne kode giver os følgende resultater i browseren:

Som vi observerede, var vi i stand til at oprette to typer skygger til de forskellige tekster, kun ved at ændre egenskaberne for attributten tekst-skygge.
Med dette afslutter vi selvstudiet, vi kan nu være i stand til at ændre vores tekst, vi kan opnå mange kombinationer, så vores sider kommer til live og på denne måde opnår rige tekster, som vi altid bør øve, indtil vi ikke længere skal se guiden til at bruge det, vi har lært i dag.

Du vil bidrage til udviklingen af ​​hjemmesiden, at dele siden med dine venner

wave wave wave wave wave