Com utilitzar CSS per convertir text en majúscules en majúscules de títol?

Com Utilitzar Css Per Convertir Text En Majuscules En Majuscules De Titol



El ' majúscula ', ja que el seu nom estableix tots els caràcters del text orientat en majúscules i el ' cas del títol ” posa en majúscula el caràcter inicial de cada paraula del text objectiu. S'utilitza principalment per donar format a encapçalaments, subtítols i títols de pàgines web. Els usuaris també es poden utilitzar per millorar la llegibilitat dels elements del menú o de les llistes de productes. També millora l'aspecte general i el reconeixement de la pàgina web.

Aquest article mostra el procediment pas a pas per convertir el text en majúscules en majúscules del títol.

Com convertir el text en majúscules en majúscules del títol?

Amb l'ajuda de les propietats CSS i JavaScript, el text en majúscula es pot convertir en un cas de títol. Aquesta conversió ajuda a millorar la llegibilitat i l'aparença del text. A més, proporciona un format coherent i millora l'experiència de l'usuari.







Seguiu la guia pas a pas següent per a la conversió de majúscules a majúscules de títol:



Pas 1: creeu un element objectiu
En aquest primer pas, creeu un element orientat/seleccionat dins del ' ” que es converteix en el cas del títol. Per exemple, el ' pàg ” Les dades dels elements estan dirigides:



< centre >
< pàg id = 'convertidor' > AQUEST TEXT ES CONVERTEIX DE MAJÚSCULA A TÍTOL AMB CSS < / pàg >
< centre >

Al bloc de codi anterior:





  • Primer, utilitzeu un '

    ” per mostrar el text al centre de la pàgina web dins del “ ' etiqueta. A més, proporcioneu dades simulades en format majúscula.

  • A continuació, afegiu un ' id ” i proporcioneu-li un valor de “ convertidor ”. Aquest ' id ” s'utilitzarà per emmagatzemar la referència de l'etiqueta

    dins de l'etiqueta JavaScript.

Després del final de la fase de compilació:



La instantània anterior de la pàgina web mostra que el text s'ha mostrat correctament.

Pas 2: Convertir majúscules a majúscules del títol
Per crear un convertidor, s'utilitzen les propietats i els mètodes de JavaScript. Seguiu el codi següent, la seva descripció s'indica a continuació:

< guió >
era objectiu = document.getElementById ( 'convertidor' ) .textContent.toLowerCase ( ) ;
objectiu = objectiu .substituir ( / \b\w / g,
funció ( més baix ) { tornar a la minúscula.a la majúscula ( ) ; } ) ;
document.getElementById ( 'convertidor' ) .textContent = objectiu ;
< / guió >

Al fragment de codi anterior:

  • Primer, creeu una variable anomenada ' objectiu ' dins del '