<s>: Das Durchstreich-Element

Baseline Widely available

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

Das <s> HTML Element rendert Text mit einem Durchstrich. Verwenden Sie das <s> Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. Das <s> Element ist jedoch nicht geeignet, um Änderungen im Dokument anzuzeigen. Dafür sollten Sie die <del> und <ins> Elemente verwenden, je nach Bedarf.

Probieren Sie es aus

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

<p>SOLD OUT!</p>

s {
  /* Add your styles here */
}

Attribute

Dieses Element enthält nur die globalen Attribute.

Barrierefreiheit

Das Vorhandensein des s Elements wird in der Standardeinstellung von den meisten Screenreader-Technologien nicht angekündigt. Es kann mithilfe der CSS-Eigenschaft content sowie den Pseudoelementen ::before und ::after dazu gebracht werden, angekündigt zu werden.

css

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: " [start of stricken text] ";
}

s::after {
  content: " [end of stricken text] ";
}

Einige Personen, die Screenreader verwenden, deaktivieren bewusst das Ankündigen von Inhalten, die zusätzliche Sprachlast erzeugen. Daher ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtwissen von durchgestrichenen Inhalten das Verständnis beeinträchtigen würde.

Beispiele

css

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

html

<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT

Ergebnis

Technische Zusammenfassung

Inhaltskategorien	Phrasing content, flow content.
Zulässiger Inhalt	Phrasing content.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Zulässige Eltern	Jedes Element, das phrasing content akzeptiert.
Implizierte ARIA-Rolle	`deletion`
Zulässige ARIA-Rollen	Beliebig
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Specification
HTML # the-s-element

Browser-Kompatibilität

Siehe auch

Das <strike> Element, alter Ego des <s> Elements, ist veraltet und sollte auf Websites nicht mehr verwendet werden.
Das <del> Element sollte verwendet werden, wenn Daten gelöscht wurden.
Die CSS-Eigenschaft text-decoration-line sollte verwendet werden, um den früheren visuellen Aspekt des <s> Elements zu erreichen.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden