CSS Decoración del Texto
Cómo crear un texto con sobrelínea o subrayado en html?
Quiero un texto / palabra en versalitas. Cómo crear un texto subrayado o intermitente en html?
Explicación
Propiedad :
Decoración de TextoUso:
text-decoration: underline;
text-decoration: overline;
text-decoration: linethrough;
text-decoration: blink;
Definición:
Usando este atributo podemos decorar nuestro texto. Las palabras pueden hacerse versalitas, intermitentes, etc...
Toma los valores siguientes.
a)underline : Puedes subrayar un texto o palabra usando este valor.
b)overline : Puedes poner una sobrelínea en el texto o palabra usando este valor.
c)linethrough : Puedes hacer el texto o palabra en versalitas usando este valor.
d)blink : Puedes hacer el texto intermitente usando este valor.
Ejemplo 1:
<font style="text-decoration: underline;"> Probando Decoración de Texto </font>
Resulta:
Probando Decoración de Texto
Ejemplo 2:
<div style="
text-decoration: overline;">Probando Decoración de Texto </div>
Resulta:
Probando Decoración de Texto
Ejemplo 3:
<h5 style="text-decoration: linethrough;">Probando Decoración de Texto</h5>
Resulta:
Probando Decoración de Texto
Ejemplo 4:
[versiones más antiguas de los navegadores pueden no soportar este valor]
<font style="text-decoration: blink;"> Probando Decoración de Texto</font>
Resulta:
Probando Decoración de Texto
Para obtener un texto que sea subrayado, sobrelineado y que sea intermitente, tenemos que usar los valores como se pone en el ejemplo inferior. Así podremos obtener un texto subrayado e intermitente.
Ejemplo 5
<font style="text-decoration: underline overline blink;">Probando Decoración de Texto</font>
Resulta:
Probando Decoración de Texto