Contenidos
Lateralidad cruzada y altas capacidades
Tachado html5
(Tenga en cuenta, sin embargo, que <strike> se considera obsoleto en HTML4 y obsoleto en HTML5 (véase también W3.org). El enfoque recomendado es utilizar <del> si se pretende un verdadero significado de tachado, o de lo contrario utilizar un elemento <s> o un estilo con CSS de decoración de texto como en el primer ejemplo aquí).
Para que el tachado aparezca para un:hover, se debe utilizar una hoja de estilo explícita (declarada o referenciada en <HEAD>). (La pseudoclase :hover no puede aplicarse con atributos STYLE en línea):
La propiedad CSS text-decoration-color establece el color utilizado al dibujar subrayados, sobrelíneas o tachados especificados por text-decoration-line. Esta es la forma preferida de colorear estas decoraciones de texto, en lugar de utilizar combinaciones de otros elementos HTML.
He utilizado un elemento vacío :after y he decorado un borde en él. Incluso puedes usar transformaciones CSS para rotarlo y obtener una línea inclinada. Resultado: ¡puro CSS, sin elementos HTML adicionales! Inconveniente: no se puede usar a lo largo de varias líneas, aunque, de todas formas, no se debería usar el tachado en grandes bloques de texto.
Tachado css
El tachado/superposición de líneas sólo puede hacerse de una manera: STYLE=»text-decoration: line-through». El estilo debe utilizarse en una etiqueta para secciones de texto, por ejemplo, <P>, <DIV> y <SPAN>. Tal y como se utilizan normalmente las decoraciones de texto, <SPAN> suele ser una buena solución, ya que no añade ningún otro formato a la cadena de texto.
Como se supone que esta etiqueta está siendo descontinuada, la recomendación a partir de aquí, es utilizar text-decoration: line-through en lugar de STRIKE, debido tanto a la validación del código como a que no se puede esperar que la etiqueta siga funcionando correctamente en todas las plataformas.
En lugar de especificar directamente el tachado, se pueden utilizar las dos etiquetas <S> y <DEL>, que representan «texto que ya no es correcto» y «texto borrado» respectivamente. Sólo hay que tener en cuenta que sólo la mayoría de los navegadores tienen el tachado por defecto para esta etiqueta, no todos los navegadores. Si quieres asegurarte de tener el tachado para todos los navegadores, tienes que especificarlo en la hoja de estilos, así:
Como se trata de etiquetas con funciones específicas en el marcado del texto, la recomendación a partir de aquí, es utilizar sólo S y DEL, cuando se trata del marcado correcto del texto como algo que ya no es correcto o algo que ha sido eliminado. En caso de necesitar el tachado por otras razones, la recomendación desde aquí, es utilizar text-decoration: line-through directamente en la etiqueta, si es todo el contenido de la etiqueta lo que requiere el tachado, y en caso contrario utilizar text-decoration: line-through con un SPAN.
Html strikethrough css
La etiqueta HTML <span> permite aplicar estilos a una parte de una página web o a un párrafo. A menudo se utiliza para estilizar el texto de un párrafo, por ejemplo, cambiando el color de una palabra. La etiqueta <span> no tiene estilos por defecto.
Cuando programes en HTML, puede que decidas que quieres dar estilo a algo específico en tu página web. Por ejemplo, puede querer enfatizar una determinada palabra en una frase o un enlace específico en una lista de enlaces.
Ahí es donde entra en juego la etiqueta HTML <span>. <span> es un contenedor genérico en línea que permite frasear el contenido de un documento web. La etiqueta <span> se utiliza comúnmente para fines de estilo, especialmente para el estilo de texto.
La etiqueta HTML <span> manipula parte de una página web. A menudo se utiliza dentro de un elemento <p> para aplicar estilos a una parte específica de un párrafo. Por ejemplo, se puede utilizar <span> para cambiar el color de una palabra en un párrafo.
La etiqueta <span> se utiliza a menudo con CSS para aplicar un determinado estilo a un elemento o elementos específicos de una página web. <span> facilita la aplicación de un estilo determinado a varios elementos de una página web a la vez.
Html tachado
Tengo un texto con gradiente en CSS que también quiero poder tener un lapso de tachado dentro. Esto funciona bien en Firefox, pero lamentablemente no lo hace en Chrome. ¿Alguien tiene una idea de cómo conseguir que esto funcione en ambos navegadores?
Me sorprendió mucho que el código en cuestión funcionara con la sintaxis de los accesorios y el degradado específicos de -webkit-, pero ahora me he enterado de que Firefox ha enviado la compatibilidad con estos accesorios específicos de -webkit-.
Parece que Chrome probablemente considera que el texto es transparente y por lo tanto aplica el color transparente a la línea a través también. Por lo tanto, no podemos ver ninguna línea. Pero esto no es correcto porque según las especificaciones debería usar el valor de la propiedad color.
Chrome establece el color correctamente (para el fragmento en cuestión el color es negro pero incluso cambiándolo a otro color no funciona) pero no lo aplica correctamente a la línea. Por ejemplo, en el siguiente snippet el color del elemento es verde (se hereda de body) y al inspeccionar el elemento con la consola Dev podemos ver que el color se establece correctamente pero no hay line through.