<s>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

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 {
}

Categorias de conteúdo	Conteúdo fraseado ou conteúdo de fluxo.
Conteúdo permitido	Conteúdo freaseado.
Omissão de Tag	Nenhuma, as tags de abertura e de fechamento são obrigatórias.
Pais permitidos	Qualquer elemento que aceite conteúdo fraseado.
Funções ARIA permitidas	Todas
DOM interface	`HTMLElement`

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

xml

<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.

Especificações

Specification
HTML # the-s-element

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>.