21. Decoración del texto
Capítulo anterior: 20 - Transformaciones 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>
Figura 16. Decoración del texto