HTML5 - Teksttransformasjon

Innholdsfortegnelse
Det er to egenskaper som lar oss endre og endre teksten i dokumentene HTML5, disse er tekst-dekorasjon Y tekst-transform, disse lar deg gi dem eksterne eller flate stiler for å endre ønsket tekst.
Bruk av stilene.
La oss se hva hver av disse egenskapene betyr og hvordan de kan brukes:
  • tekst-dekorasjon: Påfør en dekorasjon på en tekstblokk, dens mulige egenskaper er: ingen, understreking, overlinje, linje gjennom, blink.
  • tekst-transform: Bruk en transformasjon på en tekstblokk, dens mulige egenskaper er: ingen, store, store, små bokstaver.

La oss analysere følgende eksempel hvor vi bruker begge egenskapene for å generere en effekt i teksten, vi skal transformere alt til store bokstaver, og i tillegg vil vi plassere en linje i midten for å oppnå en gjennomslagseffekt:
 Eksempel

Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg. En av de mest interessante aspektene ved frukt er variasjonen som er tilgjengelig i hvert land. Jeg bor i nærheten av London, i et område som er kjent for sine epler.


La oss nå se hva nettleseren viser oss, hvis vi merker koden vet vi at teksten vår er en kombinasjon av store og små bokstaver og resultatet er annerledes takket være tekst-transform.

Denne effekten er ganske populær siden ved å lage en god kombinasjon kan vi oppnå en følelse av dybde, vi snakker om tekstskygge, som ikke gjør annet enn å legge en skygge til en tekstblokk og dens egenskaper er: ,,,, disse fungerer på samme måte som skyggene til HTML -elementer.
Husk at egenskapene h-skygge fungerer for den horisontale skyggen, v-skygge for den vertikale, uskarphet gir oss spredning av skyggen og fargen for dens fargeeffekter.
Uten videre må vi gå videre til et eksempel ved å bruke disse alternativene:
 Eksempel

Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.


Denne koden gir oss følgende resultater i nettleseren:

Som vi observerte, var vi i stand til å lage to typer skygger for de forskjellige tekstene, bare ved å endre egenskapene til attributtet tekstskygge.
Med dette fullfører vi opplæringen, vi kan nå kunne endre teksten vår, vi kan oppnå mange kombinasjoner, slik at sidene våre blir levende og på denne måten oppnår rike tekster, slik vi alltid bør øve til vi ikke lenger trenger å se guiden for å bruke det vi har lært i dag.

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave