<s>

Baseline Widely available

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

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

Help improve MDN

Learn how to contribute

This page was last modified on ⁨1 de jan. de 1970⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content