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 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