CSS Strikethrough diferente color del texto

A menudo vemos una línea horizontal que cruza el texto de tal manera que parece que el texto ha sido cancelado o abstenido. Estas líneas se llaman Strikethrough. Para crear un strikethrough en el texto mientras usa HTML para formatear el documento, se utilizan etiquetas HTML. Aunque crear un strikethrough usando la etiqueta es el método estándar, los strikethroughs también se pueden crear utilizando la propiedad de decoración de texto dentro de la etiqueta.

Esta publicación cubrirá ambos métodos para crear el strikethrough con un color diferente al del texto en el que se aplica el strikethrough.

Método 1: a través de la etiqueta

Crear el strikethrough en el texto a través de la etiqueta es simple. Entendamos esto con la ayuda de un ejemplo:

Strikethhrough de color rojo

• En el fragmento de código anterior, hay una etiqueta en la que existe el atributo de estilo que define el "rojo"Color para el strikethrough. Este será el color del strikethrough (no el texto).
• Dentro de la etiqueta, hay otra etiqueta,.mi., Etiqueta, con el atributo de estilo que define el color del texto en el que el Strikethrough debe aplicarse como "negro".

La siguiente salida se mostrará en la interfaz de la página web:

Método 2: Uso de la propiedad de decoración de texto

También es posible crear el strikethrough en un texto utilizando solo la propiedad de decoración de texto:

Strikethethrough de color verde

• En el fragmento de código anterior, está la etiqueta creada con el atributo de estilo que define el color del strikethrough "verde".
• Después de eso, está el "Decoración de texto: línea"Propiedad CSS que crea el strikethrough (línea horizontal) en la salida.
• Dentro de la etiqueta principal, hay otra etiqueta exactamente como la creada en la sección anterior de este artículo.
• En la etiqueta creada dentro de la etiqueta principal, existe el atributo de estilo que define el color del texto para el cual el Strikethrough debe crearse como "negro".

Esto mostrará el texto coloreado en "negro"Color y Strikethrough en el texto coloreado en"verde" color:

Así es como se crean y se muestran en una interfaz de la página web.

Conclusión

Los strikethroughs en el texto en HTML se pueden crear agregando la etiqueta que se usa para crear la huelga y agregando el atributo de color dentro o agregando la propiedad de decoración del texto en la etiqueta y configurándola igual a la línea a través de. A través de estos métodos, se pueden crear los Strikethroughs y los colores para el Strikethrough se pueden definir fácilmente.