<s>

O elemento HTML <s> renderiza um texto tachado ou uma linha cortando o texto. Use o elemento <s> para representar texto que não sejam relevante ou que não estam corretos. Não é apropriado o uso do <s> indicar edições no texto; para indicar edições no texto utilize <del> e <ins>, que são elementos mais apropriados.

Experimente

<p><s>There will be a few tickets available at the box office tonight.</s></p>
<p>SOLD OUT!</p>

/* stylelint-disable-next-line block-no-empty */
s {
}

Atributos

Esse atributo incluí atributos globais.

Note: Notas de implementação: Até Gecko 1.9.2 inclusive, Firefox implementa HTMLSpanElement para a interface deste elemento.

Exemplo

<s>Hoje é um dia especial: Salmon</s> ESGOTADO<br>
<span style="text-decoration:line-through;">Hoje é um dia especial:
 Salmon</span> ESGOTADO

Resultado

~~Hoje é um dia especial: Salmão~~ ESGOTADO ~~Hoje é um dia especial: Salmão~~ ESGOTADO

Preocupações com acessibilidade

A presença do elemento s não é anunciada pela maioria das tecnologias de leitura de tela em sua configuração padrão. Isso pode ser anunciado usando a propriedade CSS content, junto com os pseudoelementos ::before and ::after.

s::before,
s::after {
 clip-path: inset(100%);
 clip: rect(1px, 1px, 1px, 1px);
 height: 1px;
 overflow: hidden;
 position: absolute;
 white-space: nowrap;
 width: 1px;
}
s::before {
 content: " [início do texto utilizado] ";
}
s::after {
 content: " [fim do texto utilizado] ";
}

Algumas pessoas que usam leitores de tela que desativam deliberadamente o anúncio de conteúdo que criados com muita verbosidade. Por esse motivo, é importante não abusar dessa técnica e aplicá-la apenas nas situações em que o desconhecimento do conteúdo foi eliminado e que afetaria negativamente a compreensão.

• Nota curta sobre como deixar sua marca (mais acessível) | O Grupo Paciello
• Ajustando estilos de texto | Adrian Roselli

Especificações

Compatibilidade com navegadores

Veja mais

• O elemento <strike>, é o alter ego de <s> é obsoleto e não deve mais ser usado em sites.
• Elemento <del> deve ser usado quando o conteúdo for deletado.
• O CSS text-decoration-line propriedade deve ser usada para alcançar o antigo aspecto visual do elemento <s>.