Texto
Transformaciones 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>
Decoración del texto
Añade a las cadenas de texto cierto formato mediante el uso de la
propiedad "text-decoration", la cual puede tomar uno de los
siguientes valores:
-
underline. Subraya el texo asociado.
-
overline. Dibuja un línea sobre el texto asociado. Es como un
subrayado, pero sobre la parte superior del texto.
-
line-through. Tacha el texto asociado dibujando una línea sobre
el mismo.
-
blink. Hace que el texto asociado parpadee.
-
none. No aplica ningún elemento decorativo al texto.
<html>
<head>
<title>Propiedades del texto</title>
<style>
p { font-size: 200%; font-weight: bold;}
</style>
</head>
<body>
<p style="text-decoration: underline;">
Prueba de decoración del texto
</p>
<p style="text-decoration: overline;">
Prueba de decoración del texto
</p>
<p style="text-decoration: line-through;">
Prueba de decoración del texto
</p>
<p style="text-decoration: blink;">
Prueba de decoración del texto (este está parpadeando :)
</p>
</body>
</html>
Tutoriales
