20. Transformaciones del texto
Capítulo anterior: 19 - Espacio entre palabras
Capítulo siguiente: 21 - Decoración del texto
Permiten modificaciones en la presentación de las cadenas de texto mediante la propiedad "text-transform", la cual puede tomar alguno de los siguientes valores:
uppercase: todo el texto se transformará a mayúsculas.
lowercase: todo el texto se transformará a minúsculas.
capitalize: convierta a mayúscula la primera letra de cada palabra.
none: no se realizará ninguna transformación sobre el texto.
<html>
<head>
<title>Propiedades del texto</title>
<style>
p { font-size: 200%; font-weight: bold;}
</style>
</head>
<body>
<p style="text-transform: uppercase;">
Prueba de transformación
</p>
<p style="text-transform: lowercase;">
Prueba de transformación
</p>
<p style="text-transform: capitalize;">
Prueba de transformación
</p>
</body>
</html>
Figura 15. Transformaciones del texto