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>

Decoración del texto

Decoración del texto CSS

Capítulo anterior:
Transformación del Texto

 

Leave A Comment?