Transformar Texto a Mayúsculas en HTML

Subodh Poudel 19 febrero 2023
Transformar Texto a Mayúsculas en HTML

Este artículo presentará cómo transformar el texto en mayúsculas en HTML.

Use la propiedad CSS text-transform para transformar texto en mayúsculas en HTML

Poner en mayúsculas los textos nunca ha sido tan fácil con la propiedad text-transform de CSS. La propiedad tiene varios valores que realizan variedades de mayúsculas en los textos.

Podemos usar el valor uppercase para la propiedad text-transform para crear caracteres en mayúsculas en un texto. Del mismo modo, el valor lowercase convierte los caracteres en minúsculas.

Usando la opción capitalize, también podemos poner en mayúsculas solo el primer carácter de un texto.

Por ejemplo, crea una etiqueta <p> y escribe algunos textos dentro del párrafo. Asegúrate de escribir el texto en minúsculas.

En CSS, seleccione el párrafo y use la propiedad text-transform. Establezca el valor de la propiedad text-transform en uppercase.

Como se ve en el resultado a continuación, el texto se transforma en mayúsculas. De esta forma, podemos usar el valor uppercase para la propiedad text-transform para escribir caracteres en mayúsculas en HTML.

Código HTML:

<p>
 Uppercase characters
</p>

Código CSS:

p {
  text-transform: uppercase;
}
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn

Artículo relacionado - HTML Text