Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/ja/docs/Web/HTML/Reference/Elements/s below:

<s>: å–ã‚Šæ¶ˆã—è¦ç´ - HTML | MDN

Baseline Widely available

<s> は HTML の要素で、テキストを取り消し線または打ち消し線つきで描画します。<s> 要素はすでに適切または正確ではなくなった事柄を表現するために使用してください。しかし、文書の修正を示す場合、 <s> 要素は適切ではありません。この場合は <del> と <ins> の方が適しているので、こちらを使用してください。

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

この要素にはグローバル属性のみがあります。

.sold-out {
  text-decoration: line-through;
}

<s>本日のおすすめ: サーモン</s> 売り切れ<br />
<span class="sold-out">本日のおすすめ: サーモン</span> 売り切れ

s 要素が存在することは、多くのスクリーンリーダー技術の既定の設定ではアナウンスされません。 CSS の content プロパティを、 ::before および ::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: " [取り消しテキスト開始] ";
}

s::after {
  content: " [取り消しテキスト終了] ";
}

スクリーンリーダーを使用する人によっては、特に冗長になるコンテンツのアナウンスを意図的に無効にしていることがあります。このため、この手法を悪用しないようにすることは重要であり、コンテンツが取り消しされていることを知らないと理解に影響するような場面でのみ使用するようにしてください。

• Short note on making your mark (more accessible) | The Paciello Group
• Tweaking Text Level Styles | Adrian Roselli

• <strike> 要素は、<s> 要素の分身でしたが、廃止されており、もうウェブサイトで使用するべきではありません。
• <del> 要素は、データが削除された場合に代わりに使用するべきものです。
• CSS の text-decoration-line プロパティは、<s> 要素の以前の視覚効果を実現します。

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4