Das<s>HTML-Element rendert Text mit einem Durchstrich oder einer Linie durch ihn. Verwenden Sie das<s>-Element, um Dinge darzustellen, die nicht mehr relevant oder nicht mehr korrekt sind. Allerdings ist<s> nicht geeignet, um Dokumentenänderungen zu kennzeichnen; hierfür sollten die<del> und<ins> Elemente, wie angemessen, verwendet werden.

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

Barrierefreiheit

Die Anwesenheit dess-Elements wird von den meisten Screenreader-Technologien in ihrer Standardkonfiguration nicht angekündigt. Es kann zur Ankündigung gebracht werden, indem die CSS-Eigenschaftcontent zusammen mit den Pseudo-Elementen::before und::after verwendet wird.

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 Menschen, die Screenreader verwenden, deaktivieren absichtlich die Ankündigung von Inhalten, die zusätzliche Redundanz erzeugen. Aus diesem Grund ist es wichtig, diese Technik nicht zu missbrauchen und sie nur in Situationen anzuwenden, in denen das Nichtwissen über durchgestrichene Inhalte das Verständnis erheblich beeinträchtigen würde.

• Kurzer Hinweis zur Verbesserung Ihrer Markierung (zugänglicher) | The Paciello Group
• Feintuning der Textstilebene | Adrian Roselli

Beispiele

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

<s>Today's Special: Salmon</s> SOLD OUT<br /><span>Today's Special: Salmon</span> SOLD OUT

Ergebnis

Technische Zusammenfassung

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Das<strike> Element, das Alter Ego des<s>-Elements, ist veraltet und sollte auf Websites nicht mehr verwendet werden.
• Das<del> Element sollte stattdessen verwendet werden, wenn Datengelöscht wurden.
• Die CSS-Eigenschafttext-decoration-line sollte verwendet werden, um den früheren visuellen Aspekt des<s>-Elements zu erreichen.